讓IE支援placeholder屬性

2021-12-29 22:06:25 字數 903 閱讀 8430

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...