亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript和jquery實現設置和移除文本框默認值效果代碼

2019-11-20 13:25:19
字體:
來源:轉載
供稿:網友

這里想實現的效果是:設置和移除文本框默認值,如下圖鼠標放到文本框中的時候,灰字消失。

1.可以用簡單的方式,就是給input文本框加上onfocus屬性,如下代碼:

復制代碼 代碼如下:

<input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="請輸入關鍵字進行搜索"
   onfocus='if(this.value=="請輸入關鍵字進行搜索"){this.value="";}; '
   onblur='if(this.value==""){this.value="請輸入關鍵字進行搜索";};'>

其實onfocus屬性挺好用的,還可以在通過onfocus屬性改變css樣式,如下代碼:

復制代碼 代碼如下:

<input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="請輸入關鍵字進行搜索"
 onfocus='if(this.value=="請輸入關鍵字進行搜索"){this.value="";}; this.className="input01"'
 onblur='if(this.value==""){this.value="請輸入關鍵字進行搜索";}; this.className="input02"'>

2.也可以使用jquery實現:

復制代碼 代碼如下:

$(document).ready(function() {
        var vdefault = $('#keyword').val();

 $('#keyword').focus(function() {
            //獲得焦點時,如果值為默認值,則設置為空
            if ($(this).val() == vdefault) {
                $(this).val("");
            }
        });
 $('#keyword').blur(function() {
            //失去焦點時,如果值為空,則設置為默認值
            if ($(this).val()== "") {
                $(this).val(vdefault); ;
            }
        });
});

當然實現的方式還有很多種,這里只是我使用過的...

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
色偷偷噜噜噜亚洲男人| 久久精品久久久久电影| 国产精品99导航| 亚洲www视频| 欧美有码在线视频| 国产69精品久久久久久| 久久亚洲精品中文字幕冲田杏梨| 欧美日韩亚洲成人| 日韩大胆人体377p| 亚洲精品福利视频| 日韩国产欧美精品一区二区三区| 国产suv精品一区二区三区88区| 有码中文亚洲精品| 日韩免费av一区二区| 欧美精品精品精品精品免费| 亚洲mm色国产网站| 欧美性高跟鞋xxxxhd| 亚洲精品美女网站| 亚洲伦理中文字幕| 少妇av一区二区三区| 91精品国产自产91精品| 日韩在线播放av| 欧美肥臀大乳一区二区免费视频| 久久久精品免费视频| 超在线视频97| 精品久久久久久| 2021久久精品国产99国产精品| 日韩激情片免费| 色777狠狠综合秋免鲁丝| 日韩电影中文字幕在线观看| 欧美黄色免费网站| 97精品国产97久久久久久免费| 欧美性一区二区三区| 欧美激情亚洲综合一区| 久久777国产线看观看精品| 欧美第一淫aaasss性| 精品成人69xx.xyz| 色偷偷888欧美精品久久久| 久久精品青青大伊人av| 91成人在线视频| 日韩在线免费视频观看| 国产成一区二区| 91日本在线视频| 国产精品久久久久aaaa九色| 欧美国产视频一区二区| 久久99久久久久久久噜噜| 亚洲精品xxxx| 亚洲精品国产精品乱码不99按摩| 成人免费黄色网| 欧美成人性色生活仑片| 国产一区二区免费| 国产视频久久久| 国产亚洲美女精品久久久| 国内免费精品永久在线视频| 97国产真实伦对白精彩视频8| 免费97视频在线精品国自产拍| 成人免费视频a| 欧美色播在线播放| 国产中文字幕亚洲| 欧美激情久久久久| 欧美片一区二区三区| 亚洲aⅴ男人的天堂在线观看| 丝袜美腿精品国产二区| 久久福利视频导航| 国模视频一区二区| 国产精品r级在线| 欧美日韩亚洲国产一区| 日韩av快播网址| 欧美老肥婆性猛交视频| 日韩最新中文字幕电影免费看| 91av国产在线| 国产精品久久久久久久天堂| 欧美中文在线字幕| 国产成人啪精品视频免费网| 这里只有精品视频在线| 日韩av影片在线观看| 亚洲最大av网站| 久久久久女教师免费一区| 日韩av网站电影| 国产在线精品播放| 亚洲а∨天堂久久精品9966| y97精品国产97久久久久久| 国产成+人+综合+亚洲欧美丁香花| 91av视频导航| 国产精品96久久久久久又黄又硬| 久久99热精品这里久久精品| 色妞欧美日韩在线| 午夜精品一区二区三区在线| 久久久久久久久久久久av| 亚洲福利视频免费观看| 国产日韩欧美另类| 中文字幕一精品亚洲无线一区| 日韩美女视频在线观看| 国产福利视频一区| 久久九九亚洲综合| 日本韩国欧美精品大片卡二| 久久99久久99精品免观看粉嫩| 成人有码在线视频| 日本三级久久久| 91麻豆国产语对白在线观看| 国产精品国语对白| 亚洲精品国精品久久99热| 午夜精品久久久久久久99热浪潮| 国产日韩精品在线观看| 国内精品小视频在线观看| 国产va免费精品高清在线观看| 九九热r在线视频精品| 久久中文字幕在线| 日本免费久久高清视频| 国产精品r级在线| 一本久久综合亚洲鲁鲁| 久久久久久91香蕉国产| 欧美老女人xx| 日韩激情视频在线播放| 亚洲精品videossex少妇| 久久精品国产精品亚洲| 亚洲国产日韩欧美在线99| 97免费中文视频在线观看| 成人午夜黄色影院| 中文字幕国产精品| 欧美极品少妇xxxxⅹ免费视频| 国产成人精品视频| 在线精品视频视频中文字幕| 久久影视电视剧免费网站清宫辞电视| 日韩av在线免费| 成人午夜黄色影院| 国模私拍一区二区三区| 亚洲国产古装精品网站| 国产精品专区第二| 欧美精品做受xxx性少妇| 亚洲精品美女在线观看播放| 亚洲精品一区中文字幕乱码| 欧美国产视频一区二区| 亚洲人成77777在线观看网| 日韩精品极品在线观看播放免费视频| 最近2019中文字幕mv免费看| 国产精品网站大全| 琪琪第一精品导航| 国产精品久久久久久久app| 亚洲free性xxxx护士hd| 亚洲精品电影久久久| 色偷偷亚洲男人天堂| 国产精品视频26uuu| 亚洲男人天堂九九视频| 亚洲成人aaa| 狠狠色狠狠色综合日日小说| 91精品国产高清久久久久久久久| 国产精品久久久av久久久| 国产视频观看一区| 亚洲一区二区在线播放| 久久夜色精品国产欧美乱| 久久久人成影片一区二区三区观看| 日韩视频在线观看免费| 久久久久成人精品| 国语自产精品视频在免费| 欧美怡春院一区二区三区| 成人欧美在线观看| 欧美日韩国产综合视频在线观看中文| 久久精品人人爽| 神马久久久久久| 91精品久久久久久久久久入口| 91久久精品美女高潮| 亚洲欧美综合精品久久成人| 亚洲成人精品视频|