placeholder 屬性提供可描述輸入字段預期值的提示資訊
該提示會在輸入欄位為空時顯示,並會在字段獲得焦點時消失。
但placeholder不支援ie10以下版本
在頁面中只需引入placeholder.js即可
/** jquery placeholder, fix for ie6,7,8,9
* @website itmyhome.com
*/var jplaceholder = ,
//初始化
init : function()
},//修復
fix : function())); var pos = self.position(), h = self.outerheight(true), paddingleft = self.css('padding-left'); var holder = $('').text(txt).css().appendto(self.parent()); self.focusin(function(e) ).focusout(function(e) }); holder.click(function(e) ); }); } }; //執行 jquery(function());
使用方法:
如果要修改placeholder內的文字樣式 可在placeholder.js裡中新增style屬性,如:
這樣在ie中就會顯示正常
因為本例中的input文字框使用了bootstrap 所以行高會高一點,如果是普通的input 則無需新增style屬性。
Vue專案相容IE的placeholder
一 前言 最近在做專案中的相容性處理,由於專案是spa專案,所以對於網上給出的第三方外掛程式解決方案不能滿足專案需求。實現思路 通過vue自定義指令的形式實現ie9及以下的placeholder相容。二 正文 由於專案中使用到了elementui 對於elementui元件也做了單獨處理,如下 va...
讓IE支援placeholder屬性
html 5 有個很棒的屬性,placeholder,在滑鼠聚焦到input輸入框上面時候,提示文字會消失,失去焦點之後,又會出現 但是在不支援html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性 jquery placeh...
讓所有IE支援HTML5
作者已經把js檔案放在google code project上並允許大家直接呼叫,當然,前提是你不在意呼叫額外的檔案。你可以使用ie條件注釋來呼叫這個js檔案,這樣像firefox等非ie瀏覽器就會忽視這段 也就不會有無謂的http請求了。下面這段 僅 會在ie瀏覽器下執行 以下是js檔案中的 fu...