设置搜索框的默认文字当鼠标单击时该默认文字消失
- 作者: 工口仙人
- 来源: 51数据库
- 2020-08-13
本例实现这样一个效果设置搜索框的默认文字，当鼠标单击默认文字时该默认文字消失，主要用到了onfocus聚焦、onblur失焦两个时间，感兴趣的朋友可以参考下
<input type="text" id="kword" name="kword" value="按项目名称搜索..." onfocus="if(this.value=='按项目名称搜索...')this.value='';" onblur="if(this.value=='')this.value='按项目名称搜索...';" class="SmallInput" style="color:#A0A0A0;width:145px;">
复制代码
代码如下:<input type="text" id="kword" name="kword" value="按项目名称搜索..." onfocus="if(this.value=='按项目名称搜索...')this.value='';" onblur="if(this.value=='')this.value='按项目名称搜索...';" class="SmallInput" style="color:#A0A0A0;width:145px;">
推荐阅读
