jquery - IE 不支持占位符属性。有什么建议么？

Question

你们都用什么来支持浏览器中的占位符属性？

目前，我正在使用:

https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

也试过这个插件没用:

https://github.com/danbentley/placeholder

但它似乎不适用于 IE...更具体地说是 IE 8。还有其他建议/替代方案吗？

我现在应该忘记占位符属性吗？

Answer 1

你是对的，IE8 不支持 placeholder 属性。 placeholder 是 HTML5 规范的一部分，IE8 在人们想到 HTML5 之前很久就发布了。

以无缝方式处理它的最佳方法是使用像 Modernizr 这样的工具。检测浏览器是否支持占位符功能，如果不支持则运行 JS polyfill 脚本。

if(!Modernizr.input.placeholder) {
    //insert placeholder polyfill script here.
}

有许多占位符 polyfill 脚本可供下载。选择一个使用 placeholder 属性的，这样您只需在一个地方为所有浏览器定义占位符字符串。这是您可以尝试的一个:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

希望对您有所帮助。