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>
自己试试 »
定义和用法
The placeholder
属性指定一个简短的提示,描述输入字段的预期值(例如示例值或预期格式的简短描述)。
该简短提示在用户输入值之前显示在输入字段中。
注意: placeholder
属性适用于以下输入类型:文本、搜索、url、数字、电话、电子邮件和密码。
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
语法
<input placeholder="text">
属性值
值 | 描述 |
---|---|
text | 指定一个简短的提示,描述输入字段的预期值 |
❮ HTML <input> 标签