首页 > 网络编程 > JavaScript > 表单特效 > 关于搜索输入框 2006-10-24 00:00:00 作者： 关于搜索输入框 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需刷新才能执行]
