搜索框js样式(通用型)
来源:互联网 发布:it培训机构 知乎 编辑:程序博客网 时间:2024/06/05 01:09
HTML部分代码:
——————————————————————————————————————————————————————————————
<div class="search_box">
<from><ul class="search_ul">
<li><input type="text" name="point" value="地点" onblur="returnvalue(this, '地点')" onfocus="Search(this, '地点')" id="obj1" style="color:#999;"/></li>
<li><input type="text" name="point" value="请输入关键字" onblur="returnvalue(this, '请输入关键字')" onfocus="Search(this, '请输入关键字')" style="color:#999;"/></li>
<li class="li_color"><input type="button" name="search" value="搜索" /></li>
</ul>
</from>
</div>
js样式:
———————————————————————————————————————————————————————————————
//得到焦点触发事件
function Search(element,elementvalue)
{
if(element.value==elementvalue)
{
element.value="";
element.style.color="#000";
}
}
//离开输入框时触发事件
function returnvalue(element,elementvalue)
{
if(element.value=="" || element.value.replace(/\s/g,"")=="")
{
element.value=elementvalue;
element.style.color="#999";
}
}
0 0
- 搜索框js样式(通用型)
- 搜索框(js)
- 搜索框样式
- Amazon RDS的通用型存储(SSD)
- Hive通用型自定义聚合函数(UDAF)
- Hive通用型自定义聚合函数(UDAF)
- 数据库常用函数总结(通用型)
- js搜索提示框
- bootstrap搜索框button的样式问题
- HTML设置input搜索框onfocus样式
- bootstrap 搜索框样式 带放大镜
- [微信小程序]搜索功能实现,搜索框样式
- JS样式设计,弹出框
- 通用型adapter
- Generics 通用型
- js样式
- Angular2.0实现的搜索框(重新按UX封装了样式)()
- 搜索框的实现JS
- Ranorex 5 发布,支持SAP、Oracle Forms、MS Dynamics等
- ORACLE常用日期格式化方式
- fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- 一步步学习SPD2010--第三章节--处理列表和库(13)----使用网站列
- 经典智力题:猜牌问题
- 搜索框js样式(通用型)
- play中使用mqtt
- emule 研究一二 之CReBarCtrl
- 设计模式(一)——装饰设计模式
- 使用JDBC时,Class.forName()的作用
- JSP项目实战的一些参考内容推荐
- Unity shader 官网文档全方位学习(二)————Lighting model及自定义Lighting model
- Web 通信 之 长连接、长轮询(long polling)
- 关于CFileFind查找文件个数插曲:多出两个文件