JavaScript 文本框下拉提示(自動提示)

更新時間：2010年10月07日 00:09:51 作者：

JavaScript 文本框下拉提示，類似百度和Google的輸入框提示效果，這里為了演示時加載的速度比較快，選用了一些數(shù)據(jù)，輸入“1”可更好的看到效果。

<!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"> <head> <title>文本框下拉提示效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> html{overflow:-moz-scrollbars-vertical;} body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;} body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding:0;} button,input,select,textarea {font:12px/1.5 tahoma,arial,simsun,sans-serif;} button,input,select,textarea{font-size:100%;} a{text-decoration:none;} a:hover{text-decoration:underline;} #wrap{width:650px;margin:0 auto;} .txt{width:210px;height:25px;border:1px solid #ccc;line-height:25px;padding:0 5px;} .autoDis{border:1px solid #999;position:absolute;overflow:hidden;} .autoDis p{line-height:25px;cursor:default;padding:0 5px;} .autoDis li{line-height:25px;cursor:default;padding:0 5px;background-color:#fff;} .autoDis .cur{background:#ccc;} </style> </head> <body> <div   class="wppm3vysvbp"   id="wrap"> <p>提示：可以輸入"1"開頭的</p> <input id="autoCom" type="text" class="txt"> <input id="autoC" type="text" class="txt"> </div>  </body> </html>

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

您可能感興趣的文章:

相關(guān)文章

form中限制文本字節(jié)數(shù)js代碼
form中限制文本字節(jié)數(shù)js代碼...
2007-06-06
JavaScript聚焦于第一個字段的代碼
在web頁面中，經(jīng)常有信息錄入頁面，比如登錄頁面或者注冊頁面，在頁面打開時，將光標的焦點自動定位在第一個輸入字段中，這將會有更好的用戶體驗。
2010-10-10
表單JS彈出填寫提示效果代碼
表單JS彈出填寫提示效果代碼，需要的朋友可以參考下。
2011-04-04
JavaScript動態(tài)調(diào)整TextArea高度的代碼
通過JavaScript根據(jù)TextArea的內(nèi)容動態(tài)調(diào)整TextArea的高度，需要的朋友可以參考下。
2010-12-12
js禁用和激活input表單的方法
這個功能方便控制input表達的禁用和激活
2008-06-06
checkbox 多選框聯(lián)動實現(xiàn)代碼
對于checkbox 多選的聯(lián)動效果，是個不錯的思路，附代碼
2008-10-10
js Form.elements[i]的使用實例
js Form.elements[i]的使用實例，這樣的代碼比document.form1的使用兼容性更好。
2011-11-11
js select多選列表傳值代碼
select多選列表傳值，主要是讀取選中的值，然后傳遞到對面的select中，每個功能都是獨立的代碼。
2009-12-12
當文本框的值發(fā)生改變時，觸發(fā)事件，在IE中有效
當文本框的值發(fā)生改變時，觸發(fā)事件，在IE中有效，具體的大家可以測試下。
2009-09-09
javascript類型File的Input按鈕功能研究
在一些網(wǎng)站進行上傳時，當單擊了“瀏覽”按鈕之后會彈出【選擇文件】的對話框。很多時候我們需要只上傳圖像文件，那么在彈出的【選擇文件】對話框中只顯示了相關(guān)圖片格式的文件，此外其余格式文件一律過濾不被顯示。
2008-09-09