reactjs プロジェクトのフォームのテキストエリアにプレースホルダーを追加しようとしています。プレースホルダーは複数行で、次のようになります
<textarea
{...this.props}
ref={textarea => {
this.textarea = textarea;
}}
placeholder={'Address Line1\nAddress Line\nCity State, Zip\nCountry'}
/>
Chrome では、テキスト ホルダーが複数行として適切にレンダリングされます。Firefox では、テキストがあっても1 行であり、Safari では、プレースホルダー テキストは1 行のみとしてレンダリングされます。
私はさまざまなスタックオーバーフローの投稿を行ってきました
- テキストエリアのプレースホルダーで改行する方法
- テキストエリアに複数行のプレースホルダーテキストを追加するには?
- <textarea> に複数行の HTML5 プレースホルダー テキストを含めることはできますか?
私が知る限り、これは以前は許可されていませんでしたが、現在は仕様の一部であり、機能するはずです。
これを別のブラウザで動作させた人はいますか？
更新 (11 月 16 日): プレースホルダーに「行」属性を追加すると、行が表示されました。まだサファリでは機能しませんでした