代码描述:textarea文本框 焦点清空内容。textarea文本框获取焦点清空内容代码实例
多行文本域是输入文本的,通常情况下,在输入之前会有提示语. 当文本框获取焦点的时候会删除里面的内容,下面通过代码实例介绍一下如何实现此效果。 代码实例如下:
<!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 otxt=document.getElementById("txt"); otxt.onfocus=function(){ if(this.value=="51前端"){ this.value=""; } } otxt.onblur=function(){ if(this.value==""){ this.value="51前端"; } } } </script> </head> <body> <textarea id="txt">51前端</textarea> </body> </html>
上述代码实现了我们的要求,代码比较简单不多介绍。 如果不考虑浏览器兼容性,推荐使用placeholder属性,代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style> textarea{ width:200px; height:60px; } </style> </head> <body> <textarea placeholder="请输入内容"></textarea> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能