99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

jQuery中如何制作input提示內(nèi)容

這篇文章主要介紹jQuery中如何制作input提示內(nèi)容，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)2013年開創(chuàng)至今，先為興業(yè)等服務(wù)建站，興業(yè)等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為興業(yè)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

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

首先HTML新建一個input

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

然后我們再引入相應(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>

簡單吧，這樣就可以了，那么這個是input的屬性是text，我們要密碼password也一樣可以顯示IE低版本，我們用的方法就是用兩個input，一個text默認(rèn)顯示，一個password默認(rèn)隱藏，當(dāng)text獲取焦點(diǎn)時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" >
  
  
  <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>

以上是“jQuery中如何制作input提示內(nèi)容”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標(biāo)題：jQuery中如何制作input提示內(nèi)容
路徑分享：http://www.yijiale78.com/article26/gcsecg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、品牌網(wǎng)站制作、域名注冊、App開發(fā)、網(wǎng)站營銷、外貿(mào)網(wǎng)站建設(shè)

廣告

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

外貿(mào)網(wǎng)站制作