主页 > 教程合集 > Html/css >

用JS设置表单输入框中的提示信息

时间:2022-01-17 阅读:0

一、设置初始值:


value="请输入你要搜索的内容..."
 

用JS设置表单输入框中的提示信息

二、onfocus 事件在对象获得焦点时发生:


onfocus="if(this.value == '请输入你要搜索的内容...'){this.value = ''}"
 

三、onblur 事件会在对象失去焦点时发生:


onblur="if(this.value == ''){this.value = '请输入你要搜索的内容...'}"
 

四、实例:


<input type="text" name="" id="" value="请输入你要搜索的内容..." onfocus="if(this.value == '请输入你要搜索的内容...'){this.value = ''}" onblur="if(this.value == ''){this.value = '请输入你要搜索的内容...'}"/>
 

五、tips:

书写时,请注意  圆括号里的(==)与花括号里的(=)…

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2022-01-17最后更新,转载注明出处。

相关推荐

返回顶部