低版本IE瀏覽器不兼容placeholder解決方法-創(chuàng)新互聯(lián)

雖說(shuō)現(xiàn)在很多網(wǎng)站都放棄了IE瀏覽器的低版本，但是很多時(shí)候咱們還得看甲方的要求就制作網(wǎng)站。如果甲方要求兼容IE789，那么咱們就得給人家做出來(lái)兼容的產(chǎn)品。

創(chuàng)新互聯(lián)建站10多年企業(yè)網(wǎng)站建設(shè)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站建設(shè)及推廣,對(duì)木托盤等多個(gè)領(lǐng)域擁有豐富的網(wǎng)站運(yùn)維經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

今天就IE789的input標(biāo)簽的placeholder說(shuō)一說(shuō)解決方法。

一、優(yōu)雅降級(jí)解決（極力推薦）

也就是俗稱的不解決細(xì)節(jié)，只要大體能滿足瀏覽的要求就可以，placeholder低版本不顯示，那么咱們就不在去做兼容方法，反正以后的幾年IE低版本的瀏覽器會(huì)被淘汰。

二、使用input的value制作placeholder的效果

這個(gè)是我以前用的一個(gè)方法，當(dāng)input有光標(biāo)的時(shí)候刪除value的值，光標(biāo)離開(kāi)的時(shí)候再去查看內(nèi)容，如果是空或者是跟原來(lái)的值一樣的就顯示value，具體代碼如下。

<input type="text" value="我是一個(gè)input"/>（www.gendan5.com）
<script type="text/javascript">
$(function(){
$('input').each(function(){
$(this).attr('data-value',$(this).val())
})
$('input').on('focus input',function(){
var values = $(this).val();
var valued = $(this).data('value');
if ( values == valued ){
$(this).val('')
};
});
$('input').on('blur input',function(){
var values = $(this).val();
var valued = $(this).data('value');
if ( values == '' || values == valued){
$(this).val(valued)
};
});
});
</script>

三、使用另一個(gè)容器放input的內(nèi)容（推薦）

具體的流程，

1、判斷瀏覽器的版本，如果是低版本的瀏覽器啟用容器提示方法

2、把input的placeholder放在box里面定位到input的下方，并且給input透明的背景

3、當(dāng)鼠標(biāo)獲取+value有變化的的時(shí)候隱藏box

4、光標(biāo)離開(kāi)的時(shí)候內(nèi)容進(jìn)行比較，如果沒(méi)有改變重新顯示文字的box

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國(guó)云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟，新人活動(dòng)云服務(wù)器買多久送多久。

分享文章：低版本IE瀏覽器不兼容placeholder解決方法-創(chuàng)新互聯(lián)
鏈接URL：http://www.muchs.cn/article40/epoeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、品牌網(wǎng)站建設(shè)、用戶體驗(yàn)、全網(wǎng)營(yíng)銷推廣、Google、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)