属性placeholder

属性 placeholder は、 HTML フォームの入力フィールドにヒントを設定します。

このようなヒントは、ユーザーにそのフィールドに何を入力すべきかを示すために必要です。 ヒント自体は入力フィールド内に表示されますが、 属性 value とは異なり、 テキスト入力の試行時に自動的に消えます。

タグ input, textarea に適用されます。

placeholder ヒントにCSSスタイルを適用するには、 疑似要素 placeholder を使用できます。

例

入力フィールドにヒント placeholder を設定してみましょう:

html<input type="text" placeholder="名前を入力してください">

Результат:

例 . 属性valueとplaceholderの同時使用

ここでは、入力フィールドにヒント placeholder と 属性 value を同時に設定してみましょう。 属性 value の内容を削除すると、その下に隠れていたヒントが表示されます:

html<input type="text" placeholder="名前を入力してください" value="Ivan">

Результат:

関連項目