易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
关于搜索输入框
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 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站