HTML <input> placeholder 属性
实例
带有占位符文本的电话输入字段:
<form action="/action_page.php">
<label for="电话">Enter a phone number:</label><br><br>
<input type="tel" id="电话" name="电话" 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>
亲自试一试 »
<label for="电话">Enter a phone number:</label><br><br>
<input type="tel" id="电话" name="电话" 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>
定义和用法
placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。
该提示会在用户输入值之前显示在输入字段中。
注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
语法
<input placeholder="text">
属性值
| 值 | 描述 |
|---|---|
| text | 规定可描述输入字段预期值的简短的提示信息。 |
