代码描述:JavaScript点击文本框 清除默认文本。JavaScript点击文本框清除默认文本代码下载
比较人性化的文本框往往有这样的设置,在默认状态下,文本框内会有提示文本,比如"请输入用户名"等,但是当点击文本框,使文本框获取焦点的时候,能够清除文本框中的默认文本,下面通过代码实例介绍一下如何实现此效果。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function() { var txt=document.getElementById("txt"); txt.onfocus=function(){if(txt.value=="请输入文本"){txt.value=""}} txt.onblur=function(){if(txt.value==""){txt.value="请输入文本"}} } </script> </head> <body> <input type="text" value="请输入文本" id="txt" /> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能