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 οnlοad="document.serchform.k.focus();">
<form name="serchform" method="get" action="">
<input name="k" size="35" class="firstInp" value="请输入关键字" maxlength="100" οnkeydοwn="clearInp(this);" />
<input type="submit" value="搜索" />
</form>
</body>
</html>
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 οnlοad="document.serchform.k.focus();">
<form name="serchform" method="get" action="">
<input name="k" size="35" class="firstInp" value="请输入关键字" maxlength="100" οnkeydοwn="clearInp(this);" />
<input type="submit" value="搜索" />
</form>
</body>
</html>