解決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就都行了。插件

相關文章
相關標籤/搜索