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)論
主站蜘蛛池模板: 欧美性猛交xxx嘿人猛交 | 精品综合 | 伊人婷| 国精品一区二区三区 | 亚洲天天做夜夜做天天欢 | 嫩草视频在线观看 | 天天插天天插天天插 | 国内久久久久影院精品 | 国产网红在线视频 | 点击进入不卡毛片免费观看 | 奇米色视频 | 精品一区二区三区影片 | 热99re久久精品天堂vr | 四房激情 | 亚洲欧美日本国产综合在线 | 奇米中文字幕 | 热久久视久久精品18国产 | 成人小视频免费 | 永久黄网站色视频免费 | 天天做天天玩天天爽天天 | 日日碰 | 我爱avav | 久久精品国产亚洲麻豆 | 久久国产精品一国产精品 | 99久热| 久久草在线视频观看 | 色综合色综合色综合网址 | 天天干天天干天天色 | 亚洲精品久久久久综合网 | 国产一区二区在线观看免费 | 五月综合视频 | 亚洲欧美日本国产综合在线 | 一区二区国产精品 | 91探花在线| 九九久久亚洲综合久久久 | 成人国产亚洲欧美成人综合网 | 成年人天堂 | 亚洲精品久久久午夜伊人 | 色综合天天综合网国产国产人 | 亚洲国产免费 | 婷婷亚洲国产成人精品性色 |