聚焦时移除文本域的默认值

最新推荐文章于 2020-10-08 17:37:25 发布

weixin_34319999

最新推荐文章于 2020-10-08 17:37:25 发布

阅读量90

点赞数

为了提高软件的易用性，我们一般在文本域中填入一些样板文字，当然你也可以在旁边提示，但如果空间不足的话，就只能选择前者。当我们让文本域获得焦点时，当然要清空文本域让用户提入他们自己的内容。以下是代码，它确保文本域总有文字，不是用户填写的，就是我们的提标性文字。

 
      function clearText(field){
        if (field.defaultValue == field.value) field.value = '';
        else if (field.value =='') field.value = field.defaultValue;
      }

<!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title> clearText By 司徒正美</title> <meta http-equiv="X-UA-Compatible" content="IE=7"> <script type="text/javascript"> function clearText(field){ if (field.defaultValue == field.value) field.value = ''; else if (field.value =='') field.value = field.defaultValue; } </script> </head> <body> <form> <input type="text" value="司徒正美" οnfοcus="clearText(this)" οnblur="clearText(this)"/> </form> </body> </html>

运行代码

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34319999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
聚焦时移除文本域的默认值

为了提高软件的易用性，我们一般在文本域中填入一些样板文字，当然你也可以在旁边提示，但如果空间不足的话，就只能选择前者。当我们让文本域获得焦点时，当然要清空文本域让用户提入他们自己的内容。以下是代码，它确保文本域总有文字，不是用户填写的，就是我们的提标性文字。 function clearText(field){ if (field.defaultValue =...
复制链接

扫一扫