HTML <input> placeholder 属性

HTML <input> 标签

定义和用法

placeholder 属性规定一条简短的提示，描述输入字段的期望值（例如，样例值或对期望格式的简短描述）。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

注意：placeholder 属性适用于以下输入类型：

  • text
  • search
  • url
  • tel
  • email
  • password

实例

包含占位符文本的电话输入字段：

<form action="/action_page.php">
  <label for="phone">请输入电话号码：</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>格式：138-8888-8888</small><br><br>
  <input type="submit">
</form>

亲自试一试

语法

<input placeholder="text">

属性值

值 描述
text 规定描述输入字段预期值的简短提示。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

注释：placeholder 属性是 HTML5 中的新属性。

HTML <input> 标签