input⽂本框设置和移除默认值这⾥想实现的效果是:设置和移除⽂本框默认值,如下图⿏标放到⽂本框中的时候,灰字消失。
1.可以⽤简单的⽅式,就是给input⽂本框加上onfocus属性,如下代码:
[html]
1. <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输⼊关键字进⾏搜索"
2.            onfocus='if(this.value=="请输⼊关键字进⾏搜索"){this.value="";}; '
3.            onblur='if(this.value==""){this.value="请输⼊关键字进⾏搜索";};'>
其实onfocus属性挺好⽤的,还可以在通过onfocus属性改变css样式,如下代码:
[java]
1. <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输⼊关键字进⾏搜索"
2.    onfocus='if(this.value=="请输⼊关键字进⾏搜索"){this.value="";}; this.className="input01"'
3.    onblur='if(this.value==""){this.value="请输⼊关键字进⾏搜索";}; this.className="input02"'>
2.也可以使⽤jquery实现:
[javascript]
1. $(document).ready(function() {input绑定onblur事件
2.        var vdefault = $('#keyword').val();
3.
4.    $('#keyword').focus(function() {
5.            //获得焦点时,如果值为默认值,则设置为空
6.            if ($(this).val() == vdefault) {
7.                $(this).val("");
8.            }
9.        });
10.    $('#keyword').blur(function() {
11.            //失去焦点时,如果值为空,则设置为默认值
12.            if ($(this).val()== "") {
13.                $(this).val(vdefault); ;
14.            }
15.        });
16. });