HTML 标签的 placeholder 属性
placeholder 属性规定描述文本区域预期值的简短提示。用于 <input>, <textarea> 标签。
实例
带有占位符文本的文本区域：
<!DOCTYPE html><html><body><h1>input 元素的 placeholder 属性</h1><form action="/example/html/action_page.aspx"><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" value="提交"></form></body></html>
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| placeholder | Yes | Yes | Yes | Yes | Yes |
Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 支持 placeholder 属性。注释：Internet Explorer 9 以及更早的版本不支持 placeholder 属性。
定义和用法
placeholder 属性规定描述文本区域预期值的简短提示。用于 <input>, <textarea> 标签。
该提示会在文本区域为空时显示，当字段获得焦点时消失。
HTML 4.01 与 HTML 5 之间的差异
placeholder 属性是 <textarea> 标签在 HTML5 中的新属性。
语法
<textarea placeholder="text">
属性值
| 值 | 描述 |
|---|---|
| text | 规定描述文本区域预期值的简短提示。 |
更多实例
<!DOCTYPE html><html><body><h1>textarea 元素的 placeholder 属性</h1>你是谁?<textarea rows="4" cols="50" placeholder="在这里描述自己..."></textarea></body></html>