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)論
主站蜘蛛池模板: 中文字幕精品一区二区三区在线 | 亚洲视频一区二区在线观看 | 欧美成人另类 | 爱爱视频在线免费观看 | 2021久久伊人精品中文字幕有 | 天天草夜夜 | 美女撒尿毛片免费看 | 亚洲一区二区三区影院 | 中文字幕 国产精品 | 日韩视频一 | 99精品国产免费久久国语 | 日韩欧美二区在线观看 | 欧美日穴| 杨幂国产精品福利在线观看 | 欧美日韩中文视频 | 欧美精品中文字幕手机免费视频 | 日韩欧美黄色大片 | 国产91精品久久久久999 | 99久久精品国产免看国产一区 | 特级黄色毛片 | 天天天天天天操 | 波多野结衣中文丝袜字幕 | 久久国产视屏 | 日本精品视频在线观看 | 亚洲欧美综合另类 | 久久视频这里只有精品35 | 国产成人精品.一二区 | 中文字幕日韩精品麻豆系列 | 欧美午夜伦y4480私人影院 | 九九精品视频一区二区三区 | 国产成人精品aaaa视频一区 | 国产精品视频播放 | xxxxyoujizz护士 | 欧美猛操 | 久草在线视频精品 | 日日操日日碰 | 欧美成人四级hd版 | 国产精品亚洲欧美日韩一区在线 | 尤物视频在线免费观看 | 免费一级特黄3大片视频 | 欧美男女啪啪 |