【HTML】placeholderに改行を入れる方法

いつも思うのですが、何年やってても、いちいちわからなかったり、覚えていなかったり、、、
その度に調べている自分がいます。

調べなくても済むように、ちゃんと覚えられるようにと、このサイトを作ったのですが、やっぱりまだまだ、出てきますよね。

小さいことなんですけど、、、

今回はplaceholderに改行を入れる方法です。
placeholderに改行を入れる方法はHTMLのみなので、簡単です。
(簡単なのに覚えられないんですけどね。。。(T^T))

HTMLの書き方

HTML(&を全角にしています。コピペの際はご注意ください。)
<textarea name="ご意見・ご感想" placeholder="例)&#10;面白かったです。&#10;分かりやすく、参考になりました。など" rows="8" cols="50"></textarea>

実装結果

通常のplaceholder


改行を入れたplaceholder


CODEPENです

See the Pen
placeholderに改行を入れる方法
by Uchaaan (@Uchaaan)
on CodePen.

いかがでしょうか。
brや、\nではなく、「&#10;」を追加するだけです。

簡単でしょう。
でも絶対覚えられない自信があります。→「&#10;」

他にもあるよ。関連記事

人気記事

人気記事

最新記事

ブログカテゴリー

タグ

プロフィール

プロフィール画像

猫田 ねこ

パチンコ店勤務からweb制作会社へ転職という異色の経歴。漫画大好き。アニメ大好き。パチンコ大好きな、ねこです。

利用規約  お問い合わせ

ページトップへ