html5 placeholder兼容ie11


placeholder 屬性是html5的屬性,用於提供描述輸入字段預期值的提示信息(hint)。

簡單例子:

<!DOCTYPE HTML>
<html>
<body>

<form action="/test.do" method="get">
<input type="search" name="user_search" placeholder="請在此輸入你的審批意見" />
<input type="submit" />
</form>

</body>
</html>

在這里插入圖片描述

這個標簽屬性主要用於提示,未填寫之前是會顯示的,鼠標觸發的時候,是會隱藏的

在這里插入圖片描述

注意:placeholder 屬性適用於以下的 類型:text, search, url, telephone, email 和password

好的,上面就是placeholder的簡單用法簡介,然后介紹一下placeholder的兼容性,placeholder在Chrome瀏覽器是正常的,不過在ie兼容性就很不好。

我是在ie11測試的,發現placeholder,鼠標點擊時候是不會隱藏的,還是顯示文字。

<textarea name="handleInfo.apprIdea" id="msg" class="form-control"
                  placeholder="請在此輸入您的審批意見" height="126px;" style="overflow-y: auto;" value="${handleInfo.apprIdea}">${handleInfo.apprIdea}</textarea>

然后網上很多教程都是重寫樣式,用onchange等等函數替換,不過我覺得太麻煩,然后調試過程發現寫在$(function(){…});初始化函數的時候,加個attr屬性,竟然是可以兼容的,具體做法:

$(function(){
$("#msg").attr("placeholder","請在此輸入您的審批意見");
});

注意,這個方法只在ie11測試過,ie8等等沒測試過,所以本博客不予記錄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM