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值"/><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需再刷新一下页面才能执行]以上就是关于搜索输入框的详细内容，更多请关注0133技术站其它相关文章！
