HTML <input> 标签的 placeholder 属性

HTML <input> 标签HTML <input> 标签

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。

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

注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

 

1. 语法

<input placeholder="text">

属性值

值 描述
text 规定用于验证输入字段的模式。

 

2. 范例

带有 placeholder 文本的搜索字段：

<form action="demo_form.html" method="get">
  <input type="search" name="user_search" placeholder="Search W3School" />
  <input type="submit" />
</form>

我要试一试

 

3. HTML 4.01 与 HTML 5 之间的差异

placeholder 属性是 HTML5 中的新属性。

HTML <input> 标签HTML <input> 标签

HTML <input> 标签的 readonly 属性：readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。