html 怎么创建一个清空按钮_IT百科

这段代码必须加在form内才能起作用,因为他是对form的各个元素 *** 作.

另外他是重置按钮,并不是清空按钮,有时候他们的效果是一样的,但并不是一回事.

举个例子,在一个form内有个文本框的value属性值为a,你可以对文本框重新写入值b,然后点击重置按钮,他的值回归到a,并不是为空.只有当value的值为空的时候重置按钮才能起到清空的效果.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var text = $('#text')

var ccc = $('#ccc')

text.focus(function(){

ccc.show()//文本框获得据点显示X

})

ccc.click(function(){

text.val('')//清空

ccc.hide()//隐藏x

})

</script>

</body>

</html>

这是一种方法，可以自己在完善一下加一些判断

欢迎分享，转载请注明来源：内存溢出

html 怎么创建一个清空按钮