属性placeholder
属性 placeholder は、
HTML フォームの入力フィールドにヒントを設定します。
このようなヒントは、ユーザーにそのフィールドに何を入力すべきかを示すために必要です。
ヒント自体は入力フィールド内に表示されますが、
属性 value とは異なり、
テキスト入力の試行時に自動的に消えます。
placeholder ヒントにCSSスタイルを適用するには、
疑似要素 placeholder を使用できます。
例
入力フィールドにヒント placeholder を設定してみましょう:
<input type="text" placeholder="名前を入力してください">
:
例 . 属性valueとplaceholderの同時使用
ここでは、入力フィールドにヒント placeholder と
属性 value を同時に設定してみましょう。
属性 value の内容を削除すると、その下に隠れていたヒントが表示されます:
<input type="text" placeholder="名前を入力してください" value="Ivan">
:
関連項目
-
属性
value,
入力フィールドのデフォルト値を設定します -
疑似要素
placeholder,
ヒントのスタイルを設定します -
疑似クラス
placeholder-shown,
ヒントが表示されている入力フィールドのスタイルを設定します
