国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 庐江县| 海盐县| 墨竹工卡县| 萨嘎县| 威信县| 金阳县| 信阳市| 柯坪县| 盐边县| 石屏县| 屏边| 迁安市| 鄯善县| 崇明县| 广西| 汕尾市| 商水县| 枣强县| 蒙山县| 大连市| 乡城县| 蓝田县| 寻甸| 宜君县| 山阳县| 娱乐| 安国市| 娄烦县| 定结县| 黎平县| 吉林省| 河东区| 沂水县| 齐齐哈尔市| 汶上县| 临潭县| 旬邑县| 马山县| 桐柏县| 甘孜| 桂东县|