HTML <input> 标签的 placeholder 属性 详解
HTML基础 2022-06-02 12:03:45小码哥的IT人生shichen
HTML <input> 标签的 placeholder 属性
实例
带有 placeholder 文本的搜索字段：
<form action="demo_form.asp" method="get">
<input type="search" name="user_search" placeholder="Search phpcodeweb" />
<input type="submit" />
</form>
完整实例【亲自试一试】：
<!DOCTYPE HTML>
<html>
<body>
<form action="/demo/demo_form.php" method="get">
<input type="search" name="user_search" placeholder="Search phpcodeweb" />
<input type="submit" />
</form>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。
HTML 4.01 与 HTML 5 之间的差异
placeholder 属性是 HTML5 中的新属性。
语法
<input placeholder="text">
属性值
| 值 | 描述 |
|---|---|
| text | 规定用于验证输入字段的模式。 |
