placeholder

---

HTML <input> placeholder 属性

实例 1

带有 placeholder 文本的两个输入字段：

实时编辑器

<form action="/examples/web/demo_form/" target="_blank"> <input type="text" name="FirstName" placeholder="First name"/><br/> <input type="text" name="LastName" placeholder="Last name"/><br/> <input type="submit" value="提交"/> </form>

<form action="/examples/web/demo_form/" target="_blank">
  <input type="text" name="FirstName" placeholder="First name"/><br/> 
  <input type="text" name="LastName" placeholder="Last name"/><br/>
  <input type="submit" value="提交"/>
</form>

结果

Loading...

placeholder 文本也可以指定颜色。

实例 2

带有 placeholder 文本设置颜色：

<form action="/examples/web/demo_form/">
  <input type="text" name="FirstName" placeholder="First name"><br> 
  <input type="text" name="LastName" placeholder="Last name"><br>
  <input type="submit" value="提交">
</form>

---

定义和用法

placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。

该提示会在用户输入值之前显示在输入字段中。

警告

注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。

---

HTML 4.01 与 HTML5之间的差异

placeholder 属性是 HTML5 中的新属性。

---

语法

<input placeholder="*text*">

属性值

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