最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery制作input提示內(nèi)容（兼容IE8以上）

 更新時(shí)間：2017年07月05日 11:41:23   作者：小張228  
這篇文章主要為大家詳細(xì)介紹了jQuery制作input提示內(nèi)容，兼容IE8以上，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

我們都知道HTML5的input新屬性有 placeholder=""，那么這個(gè)不兼容IE低版本我們只能用腳本來寫了。

首先HTML新建一個(gè)input

<input type="text" class="input" value="請(qǐng)輸入搜索內(nèi)容" />

然后我們?cè)僖胂鄳?yīng)的js庫，再使用jQuery

<script src="js/jquery-1.8.3.min.js"></script>
  <script>
    $(".input").bind({
      focus:function(){ 
        if (this.value == this.defaultValue){ 
          this.value=""; 
        } 
      }, 
      blur:function(){ 
        if (this.value == ""){ 
          this.value = this.defaultValue; 
        } 
      } 
    });
  </script>

簡單吧，這樣就可以了，那么這個(gè)是input的屬性是text，我們要密碼password也一樣可以顯示IE低版本，我們用的方法就是用兩個(gè)input，一個(gè)text默認(rèn)顯示，一個(gè)password默認(rèn)隱藏，當(dāng)text獲取焦點(diǎn)時(shí)password顯示，text隱藏，沒有輸入內(nèi)容失去焦點(diǎn)text顯示，password顯示，好了，廢話不多說，看代碼！

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>密碼框提示</title>
</head>
<body>
  
  <input type="text" value="登錄密碼" class="show" >
  <input type="password" class="log_paw" style="display: none;">
  
  
  <script src="js/jquery-1.8.3.min.js"></script>
  <script>
    $('.show').focus(function(){
      var text_value = $(this).val();
      if (text_value == this.defaultValue) {
        $(this).hide();
        $(this).next('input.log_paw').show().focus();
      }
    });
    $('input.log_paw').blur(function() {
      var text_value = $(this).val();
      if (text_value == '') {
        $(this).prev('.show').show();
        $(this).hide();
      }
    });
  </script>
</body>
</html>

好了，代碼就在這里了，希望能幫助到你！

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

建瓯市| 天津市| 石狮市| 揭东县| 奇台县| 呈贡县| 洪洞县| 平舆县| 宿松县| 开封县| 综艺| 泰宁县| 新龙县| 维西| 西丰县| 松原市| 双鸭山市| 渭源县| 新民市| 西华县| 黄石市| 阿克| 华坪县| 修文县| 新余市| 安达市| 民乐县| 定边县| 汶上县| 德安县| 陕西省| 三门峡市| 赞皇县| 美姑县| 七台河市| 康保县| 当阳市| 南乐县| 兴仁县| 遵义市| 吴忠市|