解決placeholder的兼容性

placeholder在不支持html5的低版本的瀏覽器中,placeholder屬性是無效的,ie9及以下的ie瀏覽器不兼該屬性。

網(wǎng)上找到了解決辦法:

?????? 解決思路是用input的value值來模擬placeholder的效果,包括input類型為password時(shí)的替換,但效果和placeholder稍有差異。

具體做法:引入jquery.placeholder.js文件,調(diào)用placeholder()方法。

文件下載地址:https://github.com/shwoodard/jquery.placeholder.js。


補(bǔ)充:在項(xiàng)目中應(yīng)用的過程中發(fā)現(xiàn),當(dāng)input類型為password時(shí),密碼的input框$('input')調(diào)用placeholder()方法后獲取到的value值為placeholder中的內(nèi)容,后來仔細(xì)看了jquery.placeholder.js文件并結(jié)合項(xiàng)目發(fā)現(xiàn),該方法中(type='password'時(shí)才會(huì)創(chuàng)建)創(chuàng)建的input( class為placeholder_el )和原本頁面中存在的input(placeholder)有不同的class(方法中以標(biāo)明),方法中在提交表單時(shí)(submit方法)將創(chuàng)建的input移除。但是,要注意前提要觸發(fā)submit方法,否則需要在提交表單之前手動(dòng)移創(chuàng)建的input($('input.placeholder_el').remove();)。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Attribute: $("p").addClass(css中定義的樣式類型); 給某個(gè)元素添加樣式 $("img...
    撲克臉_457e閱讀 664評(píng)論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,628評(píng)論 19 139
  • $(”p”).addClass(css中定義的樣式類型); 給某個(gè)元素添加樣式 $(”img”).attr({sr...
    專注寒冰三千歲閱讀 577評(píng)論 0 4
  • 22年12月更新:個(gè)人網(wǎng)站關(guān)停,如果仍舊對舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,421評(píng)論 22 257
  • 【素食套餐】 茄汁花椰菜 堅(jiān)果豆渣青菜糊 小扁豆糙米飯 看似簡單的素餐,實(shí)則營養(yǎng)豐富,三種蔬菜、三種豆類、一種堅(jiān)果...
    素之味閱讀 568評(píng)論 0 0

友情鏈接更多精彩內(nèi)容