设置搜索框的默认文字当鼠标单击时该默认文字-自学php网

主页 > 前端 > html教程 >

设置搜索框的默认文字当鼠标单击时该默认文字

来源：自学PHP网时间：2014-12-15 15:58 作者：阅读:次

[导读] 本例实现这样一个效果设置搜索框的默认文字，当鼠标单击默认文字时该默认文字消失，主要用到了onfocus聚焦、onblur失焦两个时间，感兴趣的朋友可以参考下...

本例实现这样一个效果设置搜索框的默认文字，当鼠标单击默认文字时该默认文字消失，主要用到了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;">

div嵌套html不用iframe_HTML/Xhtml_网页制作

将html标签在浏览器居中显示的css样式_HTML/Xhtml_网

最新评论

加载更多~~

添加评论

更多文章推荐

html meta viewport属性说明_HTML/Xhtml_网页制作 2014-12-15
html中锚点的应用 _HTML/Xhtml_网页制作 2014-12-15
html中position的一个小用法使用介绍_HTML/Xhtml_网页 2014-12-15
HTML相对路径上级目录及下级目录的写法_HTML/Xh 2014-12-15
HTML中让表单input等文本框为只读不可编辑的方法 2014-12-15
html几个播放器的嵌入代码 2015-07-21
HTML头标签meta实现refresh重新定向_HTML/Xhtml_网页制 2014-12-15
XHTML入门学习教程:XHTML超级链接_HTML/Xhtml_网页制作 2014-12-15
在dreamweaver中使用zen coding的方法_HTML/Xhtml_网页制 2014-12-15
HTML元素的ID和Name属性的区别_HTML/Xhtml_网页制作 2014-12-15

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论