欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

搜索框input显示默认文字 点击自动消失 代码

(元素模板) / 2016-06-15 09:41
 搜索框input显示默认文字 点击自动消失 代码 很简单 无需JS代码即可

例子如下:

<input class="form-control search-box" name="q" autocomplete="off" type="text" id="keyword" onClick="if(this.value=='在此输入搜索词')this.value=''" onblur="if(this.value ==''){this.value=this.defaultValue}" type="text" value="在此输入搜索词" />

红色部分为重要部分
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com