国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼

2019-11-20 13:25:19
字體:
供稿:網(wǎng)友

這里想實(shí)現(xiàn)的效果是:設(shè)置和移除文本框默認(rèn)值,如下圖鼠標(biāo)放到文本框中的時(shí)候,灰字消失。

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

復(fù)制代碼 代碼如下:

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

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

復(fù)制代碼 代碼如下:

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

2.也可以使用jquery實(shí)現(xiàn):

復(fù)制代碼 代碼如下:

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

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

當(dāng)然實(shí)現(xiàn)的方式還有很多種,這里只是我使用過的...

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 天峨县| 河津市| 澳门| 江安县| 金沙县| 介休市| 巨野县| 宁蒗| 钟山县| 东乡族自治县| 五家渠市| 万安县| 西昌市| 武功县| 隆林| 东海县| 兴隆县| 阿图什市| 绥芬河市| 乳源| 五华县| 陆丰市| 基隆市| 屯昌县| 突泉县| 扶沟县| 安多县| 阿鲁科尔沁旗| 宣城市| 古田县| 遵义市| 社会| 繁峙县| 天津市| 饶阳县| 甘孜县| 大英县| 乳源| 大丰市| 乐安县| 益阳市|