はい、みなさんこんにちは。
今日は表題の通り、お問い合わせや会員登録のテキストエリアtextarea内に表示している『placeholder』を
改行させる方法をご紹介します。
やり方は簡単ですが、OSのブラウザごとで使えたり、使えなかったりするのでその点注意してご使用ください。
ではさっそくソースから!
<form> <textarea placeholder="placeholderのテキストを改行する場合は 改行したい箇所に『改行コード』であるCRLFを入力すれば改行できます。"></textarea> </form>
こちらの結果は以下のようになります。
See the Pen お問い合わせなどのテキストエリアに入れるplaceholderを改行させる by sayuri (@giraffeweb) on CodePen.0
使用可能なOSとブラウザについて
Chrome65 | Firefox69 | Safari | Edge41 | IE11 | |
---|---|---|---|---|---|
Mac | ◯ | × | × | – | – |
Windows | ◯ | ◯ | – | ◯ | ◯ |