お問い合わせなどのテキストエリアに入れるplaceholderを改行させる

はい、みなさんこんにちは。
今日は表題の通り、お問い合わせや会員登録のテキストエリアtextarea内に表示している『placeholder』を
改行させる方法をご紹介します。

やり方は簡単ですが、OSのブラウザごとで使えたり、使えなかったりするのでその点注意してご使用ください。
ではさっそくソースから!


<form>
  <textarea placeholder="placeholderのテキストを改行する場合は&#13;&#10;改行したい箇所に『改行コード』であるCRLFを入力すれば改行できます。"></textarea>
</form>

こちらの結果は以下のようになります。

See the Pen お問い合わせなどのテキストエリアに入れるplaceholderを改行させる by sayuri (@giraffeweb) on CodePen.0

使用可能なOSとブラウザについて

Chrome65 Firefox69 Safari Edge41 IE11
Mac × ×
Windows