设置搜索框的默认文字当鼠标单击时该默认文字-自学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_网

最新评论

加载更多~~

添加评论

更多文章推荐

ie 滤镜大全整理_HTML/Xhtml_网页制作 2014-12-15
如何在textarea文本输入区内实现换行_HTML/Xhtml_网页 2014-12-15
40多个漂亮的网页表单设计实例_HTML/Xhtml_网页制作 2014-12-15
【网页设计】分享E-WebTemplates国外精美网页模板（ 2014-12-15
用html的ul和li标签做图片展示功能示例代码_HTML 2014-12-15
表单元素属性readonly和disabled使用对比_HTML/Xhtml_网 2014-12-15
CSS标准：vertical-align属性_HTML/Xhtml_网页制作 2014-12-15
html超级链接标记A的TARGET属性详解_HTML/Xhtml_网页制 2014-12-15
a标签的target指向iframe的name和id的区别_HTML/Xhtml_网 2014-12-15
可以让IE假死的HTML代码_HTML/Xhtml_网页制作 2014-12-15

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

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

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



添加评论