2#txt1,#txt2{color:#CCC;border:1pxsolid#666;}3#pswd{display:none;border:1pxsolid#666;}4引用JS庫(kù):1HTML:12地址:3

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

登錄事件,鼠標(biāo)點(diǎn)擊輸入框隱藏默認(rèn)值事件

系統(tǒng) 1823 0

CSS:

      
        1
      
      
        <style>


      
      
        2
      
      
            #txt1,#txt2
      
      {
      
         color
      
      :
      
        #CCC
      
      ;
      
         border
      
      :
      
        1px solid #666
      
      ;}


      
        3
      
      
            #pswd
      
      {
      
         display
      
      :
      
        none
      
      ;
      
        border
      
      :
      
        1px solid #666
      
      ;}


      
        4
      
      
        </style>        
      
    

引用JS庫(kù):

      
        1
      
       <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
    

HTML:

      
         1
      
      
        <
      
      
        form 
      
      
        id
      
      
        ="myform"
      
      
         action
      
      
        ="#"
      
      
        >
      
      
         2
      
      
            地址:


      
      
         3
      
      
        <
      
      
        input 
      
      
        type
      
      
        ="text"
      
      
         id
      
      
        ="txt1"
      
      
         value
      
      
        ="請(qǐng)輸入郵箱地址"
      
      
        />
      
      
         4
      
      
         5
      
      
        <
      
      
        br 
      
      
        />
      
      
         6
      
      
        <
      
      
        br 
      
      
        />
      
      
         密碼:


      
      
         7
      
      
        <
      
      
        input 
      
      
        type
      
      
        ="text"
      
      
         id
      
      
        ="txt2"
      
      
         value
      
      
        ="請(qǐng)輸入郵箱密碼"
      
      
        />
      
      
         8
      
      
        <
      
      
        input 
      
      
        type
      
      
        ="password"
      
      
         id
      
      
        ="pswd"
      
      
        />
      
      
         9
      
      
        10
      
      
        <
      
      
        br 
      
      
        />
      
      
        11
      
      
        <
      
      
        br 
      
      
        />
      
      
        12
      
      
        <
      
      
        input 
      
      
        type
      
      
        ="button"
      
      
         id
      
      
        ="btn"
      
      
         value
      
      
        ="登陸"
      
      
        />
      
      
        13
      
      
        </
      
      
        form
      
      
        >
      
    

JS代碼:

      
         1
      
      
        <
      
      
        script 
      
      
        type
      
      
        ="text/javascript"
      
      
         charset
      
      
        ="utf-8"
      
      
        >
      
      
         2
      
      
        dlsj(
      
      
        '
      
      
        #txt1
      
      
        '
      
      
        ,
      
      
        '
      
      
        請(qǐng)輸入郵箱地址
      
      
        '
      
      
        ,
      
      
        '
      
      
        #txt2
      
      
        '
      
      
        ,
      
      
        '
      
      
        #pswd
      
      
        '
      
      
        )   
      
      
        //
      
      
        調(diào)用
      
      
         3
      
      
         4
      
      
         5
      
      
        function
      
      
         dlsj (txt1,txt1_val,txt2,password) {


      
      
         6
      
      
        //
      
      
        郵箱地址輸入框獲取焦點(diǎn)
      
      
         7
      
      
                $(txt1).focus(
      
      
        function
      
      
        (){


      
      
         8
      
      
        var
      
      
         txt1_value
      
      
        =
      
      
        $(txt1).val();


      
      
         9
      
      
        if
      
      
        (txt1_value
      
      
        ==
      
      
        txt1_val){


      
      
        10
      
      
                $(
      
      
        this
      
      
        ).val(
      
      
        ''
      
      
        );


      
      
        11
      
      
                }


      
      
        12
      
      
            })


      
      
        13
      
      
        14
      
      
        //
      
      
        郵箱地址輸入框失去焦點(diǎn)
      
      
        15
      
      
            $(txt1).blur(
      
      
        function
      
      
        (){


      
      
        16
      
      
        var
      
      
         txt1_value
      
      
        =
      
      
        $(txt1).val();


      
      
        17
      
      
        if
      
      
        (txt1_value
      
      
        ==
      
      
        ""
      
      
        )


      
      
        18
      
      
                $(
      
      
        this
      
      
        ).val(txt1_val);{


      
      
        19
      
      
                }


      
      
        20
      
      
            })


      
      
        21
      
      
        var
      
      
         $txt2_obj
      
      
        =
      
      
        $(txt2);
      
      
        //
      
      
        獲取id為txt2的jquery對(duì)象
      
      
        22
      
      
        var
      
      
         $pswd_obj
      
      
        =
      
      
        $(password);
      
      
        //
      
      
        獲取id為txt2的jquery對(duì)象
      
      
        23
      
      
            $txt2_obj.focus(
      
      
        function
      
      
        (){


      
      
        24
      
      
                $pswd_obj.show().focus();
      
      
        //
      
      
        使密碼輸入框獲取焦點(diǎn)
      
      
        25
      
      
                $txt2_obj.hide();
      
      
        //
      
      
        隱藏文本輸入框
      
      
        26
      
      
        27
      
      
           })


      
      
        28
      
      
            $pswd_obj.blur(
      
      
        function
      
      
        (){


      
      
        29
      
      
        if
      
      
        ($pswd_obj.val()
      
      
        ==
      
      
        ''
      
      
        ){
      
      
        //
      
      
        密碼輸入框失去焦點(diǎn)后,若輸入框中沒(méi)有輸入字符時(shí),則顯現(xiàn)文本輸入框
      
      
        30
      
      
                 $txt2_obj.show();


      
      
        31
      
      
                 $pswd_obj.hide();


      
      
        32
      
      
                 }


      
      
        33
      
      
        34
      
      
            })


      
      
        35
      
      
        }    


      
      
        36
      
      
        </
      
      
        script
      
      
        >
      
    

?

登錄事件,鼠標(biāo)點(diǎn)擊輸入框隱藏默認(rèn)值事件


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦?。。?/p>

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 久热这里只有精品视频6 | 国产成人在线视频网站 | 手机免费在线观看 | 国产操穴| 免费爱爱视频 | 国产欧美一区二区成人影院 | 一级理论片 | 亚洲你xx我xx网站 | 国产精品成人免费观看 | 97在线碰碰观看免费高清 | 狠狠色噜噜狠狠狠狠色综合网 | 亚洲精品区在线播放一区二区 | 欧美日韩a级片 | 色婷婷精品综合久久狠狠 | 成人免费一级毛片在线播放视频 | 亚洲综合激情九月婷婷 | 92在线视频| 久操视频免费在线观看 | 日日夜夜免费精品 | 亚洲福利一区二区 | 99尹人香蕉国产免费天天拍 | 成人性生交大片免费看午夜a | 日产国产精品久久久久久 | 九九九色视频在线观看免费 | 日本中文不卡 | 不卡免费播放 | 成年人免费在线视频 | 久久精品网 | 日韩在线一区二区三区视频 | 成年女人永久免费观看片 | 国内精品久久久久影院网站 | 大乳妇女bd视频在线观看 | 色爱区综合激情五月综合激情 | 91国内在线国内在线播放 | 福利观看| 久久综合九色综合97伊人麻豆 | 一级做a免费视频观看网站 一级做a爰片久久毛片唾 | 91视频国产一区 | 91在线播放免费不卡无毒 | 四虎国产精品永免费 | 羞羞免费观看视频 |