【HTML】フォームのテキストエリアに改行を含む記入例を表示させる方法
HTMLのメールフォーム等を作成した際に、テキストエリア(<textarea>~</textarea>
)に改行を含む記入例を表示させる方法をご紹介します。
placeholder=”~” を使用する
まず記入例を表示させるには 属性 placeholder="~"
(プレースホルダー)を使用します。これはテキストエリアでもInput type="text"
でも使用できます。
<input type="text" name="hoge" placeholder="ここに記入してください">
<textarea name="hoge" placeholder="ここに記入してください"></textarea>
改行したいところに” ”を記述する
テキストエリアの記入例の改行したいところ下記の用にします。
<textarea name="hoge" placeholder="ここに 記入して ください"></textarea>
“ ” って何?
改行を指定する際の数値文字参照コードになります。例えば ©
と記述すると © が表示されます。
テキストエリアの記入例(placeholder)の改行には、改行したいところに” “を記述する