繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
表单特效
→ 正文内容
关于搜索输入框
发布：dxy 字体：[
增加
减小
] 类型：转载
1.打开页面，输入框自动获得焦点
2.用户输入关键词，如果是第一次输入，则自动清空默认Value值
点击运行可以看到效果:
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title> Code：关于搜索输入框 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="枫岩,http://www.cnlei.com"> <meta name="keywords" content="自动获得焦点,自动清空默认Value" /> <meta name="description" content="打开页面，输入框自动获得焦点;用户输入关键词，如果是第一次输入，则自动清空默认Value值" /> <script language="javascript"> function clearInp(o){ if (o.className=="firstInp"){ o.className="doInp"; o.value=""; } } </script> <style type="text/css" media="all"> .firstInp {color:#999;} .doInp {color:#f60;} </style> </head> <body onload="document.serchform.k.focus();"> <form name="serchform" method="get" action=""> <input name="k" size="35" class="firstInp" value="请输入关键字" maxlength="100" onkeydown="clearInp(this);" /> <input type="submit" value="搜索" /> </form> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
关于搜索输入框
百度中搜索更多的关于
关于搜索输入框
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
文章来源
0
顶一下
上一篇文章：
改进版：在select中添加、修改、删除option元素
下一篇文章：
js下拉框里超过变成省略号
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
(仅IE下有效)关于checkbox 三态
在修改准备发的批量美化select+可修改sel
表单填写时用回车代替TAB的实现方法
多个iframe自动调整大小的问题
点此处秒后立即下载
用javascript来实现select标签的美化的代
javascript实现上传图片前的预览（TX的面
javascript之文本框输入四个数字自动加空
textarea是否自动换行
带Checkbox的列表框
最 近 更 新
input之怎么清除默认值
用Javscript实现表单复选框的全选功能
表单填写时用回车代替TAB的实现方法
js文本中搜索关键词输入效果
javascript实现的左右选择框效果代码
检测邮箱地址是否合法 Check Mail Addres
动态提示的下拉框
下拉菜单
js常见表单应用技巧
JS多级连动菜单
热 点 排 行
checkbox实现全选的多种方法 不断
收藏的js表单验证控制代码大全
HTML里select的CSS样式的改变
改进版：在select中添加、修改、
二级连动菜单
Select的OnChange()事件
javascript判断单选框或复选框是
JS多级连动菜单
多个iframe自动调整大小的问题
把textarea中字符串里含有的回车
文章评论
共有 位脚本之家网友发表了评论我来说两句