关于 焦点消失的一些写法

在Web页面上,有时我们要在文本输入框里给点提示信息,告诉用户在这个地方该输入什么内容,通常的做法就是当光标移到输入框时进行某些操作。

常见的一些有:

默认状态

当focus的时候:

代码有两种方法实现:

一:<input type="text" onblur="if(this.value==''){this.value='搜索功能(可通过帐号搜索)';}" onclick="if(this.value=='搜索功能(可通过帐号搜索)'){this.value='';}" maxlength="20" value="搜索功能(可通过帐号搜索)" name="user" id="user">  //鼠标点击的时候文字隐藏,焦点离开后还原默认值

二:<input type="text" onfocus="this.value=''"maxlength="20" value="搜索功能(可通过帐号搜索)" name="user" id="user"> //鼠标点击的时候文字隐藏,焦点离开后input值为空

原文地址:https://www.cnblogs.com/xiaohong/p/2356170.html