html设计中,怎样可以实现当用鼠标点击文本框时里面的内容会清空?

html-css018

html设计中,怎样可以实现当用鼠标点击文本框时里面的内容会清空?,第1张

<input

type="text"

value="输入数字"

onclick=javascript:this.value=''>

解释:

onclick

单击时触发事件

javascript:使用javascript语言

this

表示本身,在这里就是表示这个文本框

value

值;在这表示这个文本框的内容

=''

=就是赋值,后面的不是双引号,是2个单引号哦

整句的意思就是:单击时让文本框的内容等于空

想要等于别的就在单引号中间加别的文本

没有测试,不过应该是对的,你也可以改成onmousemove

这个是鼠标经过时触发事件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>Document</title>

<script type="text/javascript">

function getVal(){ 

var newAdd=document.getElementById('newAdd').value

document.getElementById('txtVal').innerHTML+=newAdd

}

</script>

</head>

<body>

<input type="text" name="" id="newAdd" />

<input type="button" onclick="getVal()" value="添加" />

<div id="txtVal"></div>

</body>

</html>