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等等沒測試過,所以本博客不予記錄