input 用value默认后怎么更改

1.可以用简单的方式，就是给input文本框加上onfocus属性，如下代码：

[html] view plain copy

<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样式，如下代码：

[java] view plain copy

<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实现：

[javascript] view plain copy

$(document).ready(function() {

var vdefault = $('#keyword').val()

$('#keyword').focus(function() {

//获得焦点时，如果值为默认值，则设置为空

if ($(this).val() == vdefault) {

$(this).val("")

}

})

由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即： $("#id")[0].focus()需要注意两个函数之间的区别： $("#id").focus() 和 $("#id")[0].focus()第一个是增加onFocus()时间，一个是使DOM对象获得焦点。

怎样可以在“jquery”让文本框获取焦点时改变背景颜色？

1、先使用jQuery选择器找到所有的文本框

2、为文本框注册获得焦点事件，即focus事件

3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色

4、注册失去焦点事件，即blur事件

5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色<script type="text/javascript"> $(funct  $("input:text").focus(function(){ //让当前得到焦点的文本框改变其背景色$(this).css("background","pink")}) //找到文本框，并注册失去焦点事件$("input:text").blur(function()//让当前失去焦点的文本框背景色变为白色$(this).css("background","white") }) })</script>

---