轻松上手,快乐学习!

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> 
亲自试一试 »

Textarea 实例

带有占位符文本的文本区域:

<textarea placeholder="在这里描述你自己……"></textarea>
亲自试一试 »

浏览器支持

placeholder 属性对每个元素都有以下浏览器支持:

元素
input 10.0 10.0 4.0 5.0 11.0
textarea Yes 10.0 4.0 5.0 11.5