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

2019独角兽企业重金招聘Python工程师标准>>>

      终于知道为什么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就都行了。

转载于:https://my.oschina.net/u/1458693/blog/203683