《跨浏览器的HTML5占位文本(PlaceHolder)方案》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
占位文本（PlaceHolder）是指当一个文本框没有被focus的时候显示的是提示文字，当他被点击之后就显示空白...
这段文字被设置在value属性里面，当聚焦了之后，检验文本框的值是否等于默认值，如果是则清空文本框...
然后会将元素的value和这个变量对比，如果为空则显示placeholder里面的内容，并且会增加一个”placeholder”的css样式...
如果你想在你的网站中使用这个东西，需要引入jQuery和Modernizr，注意放置在合适的路径下，然后把下面的代码复制进去...
Webkit内核的浏览器会给搜索框增加一些额外的样式，通过下面的CSS可以去掉这个样式：...
......
本文由站长之家用户“RockUX–WEB前端,rockux.com/archives/html5-%e5%8d%a”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。
（举报）
