HTML 5 <input> placeholder 属性HTML 5 <input> placeholder 属性

原文链接：http://www.w3school.com.cn/html5/att_input_placeholder.asp

HTML 5 <input> placeholder 属性

HTML 5 <input> 标签

实例

带有 placeholder 文本的搜索字段：

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

亲自试一试

定义和用法

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

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

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

HTML 4.01 与 HTML 5 之间的差异

placeholder 属性是 HTML5 中的新属性。

语法

<input placeholder="text">      

属性值

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

但是在firefox，IE下都能实这个效果，chrome和safari点击后不会消失，得输入东西之后才会消失。

在CSS中加入以下代码即可实现：

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder
{
color: transparent;
}      

原理为：将placeholder提供的提示信息文字的颜色设置为"transparent"(透明)。

作者：

Candyメ奶糖

出处：

http://www.cnblogs.com/Candies/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

博文来源广泛，如原作者认为我侵犯知识产权，请尽快给我发邮件

[email protected]

联系，我将以第一时间删除相关内容。