福州seo|福建seo >> 福州SEO优化 >> 搜索框默认文字鼠标点击后消失,鼠标移出后又显示

搜索框默认文字鼠标点击后消失,鼠标移出后又显示

作者:SEO技术 分类: 福州SEO优化 发布于:2015-7-30 10:19 ė583次浏览 60条评论

怎么让搜索框默认文字鼠标点击后消失,鼠标移出后又显示?

之前一直没注意这个小细节,因工作需要,这个又需要处理。找了会,找到一个解决的方法。当然解决的方法代码会有很多种,今天在这里介绍一种比较简洁的,就几行代码。

在form的input框中加入以下代码即可:value="请输入您要搜索的关键词" onFocus="if(value=='请输入您要搜索的关键词'){value=''}" onblur="if(value=='') {value='请输入您要搜索的关键词'}"   (注意:value这里的值要统一一致)

完整的input代码可以是:<input type="txt" class="keyword" value="请输入您要搜索的关键词" onFocus="if(value=='请输入您要搜索的关键词'){value=''}" onblur="if(value=='') {value='请输入您要搜索的关键词'}" />  。当然不同的搜索框具体代码可以不同,但刚那个js效果代码,只要加上即可出效果。

本文出自 福州seo|福建seo,转载时请注明出处及相应链接。

分享本文至:

俗话说:SEO大神都喜欢发表自己的观点!那么你呢?

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部