input標簽placeholder
1.input里面的placeholder屬性,在pc端用的特別好,但是萬惡的ie8,placeholder竟然不支持。于是找到一種方法解決在ie8中placeholder無效的事
$(function() { // 如果不支持placeholder,用jQuery來完成 if(!isSupportPlaceholder()) { // 遍歷所有input對象, 除了密碼框 $("input").not("input[type="password"]").each( function() { var self = $(this); var val = self.attr("placeholder"); input(self, val); } ); /** * 對password框的特殊處理 * 1.創建一個text框 * 2.獲取焦點和失去焦點的時候切換 */ $("input[type="password"]").each( function() { var pwdField = $(this); var pwdVal = pwdField.attr("placeholder"); var pwdId = pwdField.attr("id"); // 重命名該input的id為原id后跟1 pwdField.after(""); var pwdPlaceholder = $("#" + pwdId + "1"); pwdPlaceholder.show(); pwdField.hide(); pwdPlaceholder.focus(function(){ pwdPlaceholder.hide(); pwdField.show(); pwdField.focus(); }); pwdField.blur(function(){ if(pwdField.val() == "") { pwdPlaceholder.show(); pwdField.hide(); } }); } ); } }); // 判斷瀏覽器是否支持placeholder屬性 function isSupportPlaceholder() { var input = document.createElement("input"); return "placeholder" in input; } // jQuery替換placeholder的處理 function input(obj, val) { var $input = obj; var val = val; $input.attr({value:val}); $input.focus(function() { if ($input.val() == val) { $(this).attr({value:""}); } }).blur(function() { if ($input.val() == "") { $(this).attr({value:val}); } }); }
注:本文借鑒https://www.cnblogs.com/2010m... 本文僅供個人學習使用
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114165.html
摘要:三創建時發現這么一句話,不知其什么意思,百度如下這樣寫可以達到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內核進行渲染。 在網站開發中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創建時發現這么一句話,不知其什么意思,百度如下這樣寫可以達到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內核進行渲染。 在網站開發中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創建時發現這么一句話,不知其什么意思,百度如下這樣寫可以達到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內核進行渲染。 在網站開發中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創建時發現這么一句話,不知其什么意思,百度如下這樣寫可以達到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內核進行渲染。 在網站開發中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:在搞一個門戶網站的項目,最近忽然發現首頁在兼容模式下和下顯示都有很大的問題,而之前沒有這個問題。而在兼容模式下出問題,需要加入就可以了。 在搞一個門戶網站的項目,最近忽然發現首頁在360兼容模式下和IE8下顯示都有很大的問題,而之前沒有這個問題。 百度了一下,有人說在head中加入:可以解決, 但這并不能完全解決我的問題。 經過研究,我發現用取代上頭的代碼,會有很好的效果,具體原因...
閱讀 2263·2021-09-30 09:48
閱讀 3634·2021-09-24 10:27
閱讀 1790·2021-09-22 15:32
閱讀 2026·2021-08-09 13:44
閱讀 3575·2019-08-30 15:55
閱讀 1045·2019-08-29 17:12
閱讀 2000·2019-08-29 17:05
閱讀 2918·2019-08-29 13:43