ウェブデザイナーの毎日のお仕事のメモ - mainichi web まいにちウェブ

作成日:2020.05.19  最終更新日:2020.07.08

CSS

(サンプル有)textareaのplaceholder内で改行する方法

textareaのplaceholderで改行したい場合のメモです。

textareaのplaceholderでの改行

brタグを入れても、記述した内容がそのまま表示されてしまうだけです。

改行したい場合は、改行したい場所に実態参照コードで、




と記述します。そうすると、だいたいのブラウザで記述した箇所に改行がはいることになります。

実際のコードは以下のようになるかと思います。

placeholder="(例)
・1行目の文章です
・2行目の文章です
・3行目の文章です"

以下、実際につくってみました。サンプルです。

textarea内のplaceholderの文字が改行されていることが分かるかと思います。

改行時の注意

※safariでは改行されなかったため、safariでも改行を入れたい場合には他の方法(js)で対応する必要がありそうです。

最新記事