HTML <input> placeholder 属性
示例
带占位符文本的电话输入字段
<form action="/action_page.php">
<label for="phone">请输入电话号码：</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>格式：123-45-678</small><br><br>
<input type="submit">
</form>
自己动手试一试 »
定义和用法
<code class="w3-codespan">placeholder</code> 属性指定一个简短提示，用于描述输入字段的预期值（例如，示例值或预期格式的简短描述）。
这个简短提示会在用户输入值之前显示在输入字段中。
注意：<code class="w3-codespan">placeholder</code> 属性适用于以下输入类型：text、search、url、number、tel、email 和 password。
浏览器支持
表格中的数字表示完全支持该属性的第一个浏览器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
语法
<input placeholder="文本">
属性值
| 值 | 描述 |
|---|---|
| text | 指定一个简短提示，用于描述输入字段的预期值 |
❮ HTML <input> 标签
