HTMLプレースホルダー属性


定義と使用法

このplaceholder属性は、入力フィールド/テキストエリアの期待値を説明する短いヒントを指定します。

ユーザーが値を入力する前に、フィールドに短いヒントが表示されます。


に適用されます

このplaceholder属性は、次の要素で使用できます。

要素 属性
<入力> プレースホルダー
<textarea> プレースホルダー

入力例

プレースホルダーテキストを含む2つの入力フィールド:

<form action="/action_page.php">
  <label for="phone">Enter a phone number:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Format: 123-45-678</small><br><br>
  <input type="submit">
</form> 

Textareaの例

プレースホルダーテキストのあるテキスト領域:

<textarea placeholder="Describe yourself here..."></textarea>


ブラウザのサポート

このplaceholder属性では、要素ごとに次のブラウザがサポートされています。

Element
input 10.0 10.0 4.0 5.0 11.0
textarea Yes 10.0 4.0 5.0 11.5