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

html-css08

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>