“textarea”要素~“placeholder”属性

“placeholder”属性について

“placeholder”属性は“textarea”要素で表される入力欄のプレースホルダーを指定します。

プレースホルダーは入力欄に表示される入力するべき情報の短い説明や例などの短いヒントです。一般的なブラウザではプレースホルダーは入力欄の中に薄い色で表示されます。

ブラウザは入力欄がフォーカスされていない時に“placeholder”属性の値を入力欄の中に表示します。ただし、“autofocus”属性が指定されている場合はフォーカスされる前にユーザーがプレースホルダーを見ることができないのでフォーカスされていてもプレースホルダーを表示します。なお、ブラウザによっては入力欄がフォーカスされても入力を始めるまでプレースホルダーを表示する場合があります。

ブラウザがプレースホルダーの表示に対応していない場合に何のための入力欄なのかわからなくなってしまうため“placeholder”属性は“label”要素の代わりに使用されるべきではありません。また、長い説明を提供する場合は“title”属性の方が適しています。

“placeholder”属性の値はフォームの送信時に入力値として送信されません。入力の既定値を指定する場合は“textarea”要素の中にテキストを記述します。

指定できる値

サンプルコード

<form method="post" action="sample-textareatag1.php" target="_blank">

<fieldset>

<p>

<label>

猫が好きですか？：
<textarea name="comment" placeholder="猫がどこくらい好きかを表してください。"></textarea>

</label>

</p>

</fieldset>
<p><input type="submit" value="送信する"></p>

</form>

猫が好きですか？：