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

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

github去下载一个js,是插件,因此前提是得有jquery才行。jquery

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

$.placeholder.ini();

到使用的页面中就能够了。至关好用的东东,就是88行有个错别字,imput改为input就OK了。程序员

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

若是先样式不够好看,在源码中修改该一下,找到span.css这里,把paddingleft和paddingtop改为你喜欢的数值就行,根据具体状况吧。另外能够添加鼠标的指针图形浏览器

cursor:text

让其更天然。
测试

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

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

这样就应该木问题了。
spa

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

相关文章
相关标签/搜索