HTML placeholder 属性
定义和用法
占位符属性指定一个简短的提示，描述输入字段/文本区域的预期值。
在用户输入值之前，会在字段中显示简短提示。
适用于
占位符属性可用于以下元素：
| 元素 | 属性 |
|---|---|
| <input> | placeholder |
| <textarea> | placeholder |
实例
Input 实例
两个带有占位符文本的输入字段：
<form action="/action_page.php">
<label for="电话">输入电话号码:</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>格式: 123-45-678</small><br><br>
<input type="submit">
</form>
亲自试一试 »
<label for="电话">输入电话号码:</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>格式: 123-45-678</small><br><br>
<input type="submit">
</form>
浏览器支持
placeholder 属性对每个元素都有以下浏览器支持：
| 元素 | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |
