代码描述:JavaScript 点击文本框 清除其中文本。JavaScript点击文本框清除其中文本
此种效果经常用在搜索框中,默认状态下搜索框中有提示语言,当点击搜索框时会清除其中的文本,下面就来简单介绍一下如何实现此种效果。尽管此效果没有用到CSS代码,因为代码比较常用,所以在这里也介绍一下。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var txt=document.getElementById("txt"); txt.onclick=function(){this.value=''} txt.onblur=function(){this.value='请输入搜索内容!'} } </script> </head> <body> <input type="text" name="mytest" id="txt" value="请输入搜索内容!" /> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能