關(guān)于搜索輸入框

2019-11-21 02:29:36

字體：大中小

供稿：網(wǎng)友

1.打開頁面，輸入框自動獲得焦點
2.用戶輸入關(guān)鍵詞，如果是第一次輸入，則自動清空默認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：關(guān)于搜索輸入框 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="http://www.survivalescaperooms.com/"/> <meta name="keywords" content="自動獲得焦點,自動清空默認Value" /> <meta name="description" content="打開頁面，輸入框自動獲得焦點;用戶輸入關(guān)鍵詞，如果是第一次輸入，則自動清空默認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="請輸入關(guān)鍵字" maxlength="100" onkeydown="clearInp(this);" /> <input type="submit" value="搜索" /> </form> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：添加、刪除HTML結(jié)點 & 上傳圖片預(yù)覽

下一篇：改進版：在select中添加、修改、刪除option元素