解决input中placeholder值在ie中无法支持的问题

      终于知道为什么IE不招人喜欢了,不招程序员喜欢,搞个东西,其他浏览器都好使,就尼玛IE事多,连placeholder都不支持。蛋疼,偏偏这 玩意用户量不容忽视。只好满网找解决方案,其实自己也能用点笨方法解决,无非是用js控制在没有内容的时候保持提示文字,输入之前清空一下,不过不够优 雅,达人们总是能作出菜鸟也能用的好东西,感谢国家,感谢CCAV,感谢互联网。

到github去下载一个js,是插件,所以前提是得有jquery才行。

就jquery-placeholder.js这个文件。添加到工程和页面引用,再加一段

$.placeholder.ini();

到使用的页面中就可以了。相当好用的东东,就是88行有个错别字,imput改成input就OK了。

据说这个使用lable的方式,我是不太明白的。

如果先样式不够好看,在源码中修改该一下,找到span.css这里,把paddingleft和paddingtop改成你喜欢的数值就行,根据具体情况吧。另外可以添加鼠标的指针图形

cursor:text

让其更自然。

另外有个问题,如果输入框里本来有文字的话,就会相互交错,非常丑,我想了个办法,就是在span.css找到display的样式,加一个三目运算符:

display: $(this).val()!=''?'none':'inline',

这样就应该木问题了。

我本地测试IE9是木问题的,IE7、8都不行,应该是我的jquery版本(2.0.3)问题。换成jquery-1.11.0就都行了。


你可能感兴趣的:(placeholder,IE)