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 |