inputSuggestテキストボックス入力時のプロンプトと自動補完効果（メール入力自動補完プラグイン）_javascriptスキル

QQ メールボックス プロンプト、Baidu 検索ボックス プロンプト、淘宝網製品検索プロンプトなどと同様に、多くの Web サイトには現在、ユーザー エクスペリエンスを向上させる同様の効果があります。
使用法:
new InputSuggest({
input HTMLInputElement required
data Array ['sina.cn','sina.com','2008.sina.com','vip.sina .com .cn'] 必須
containerCls コンテナクラス名
itemCls コンテナの子クラス名
activeCls 強調表示された子クラス名
幅の設定です。これは、containerCls の幅をオーバーライドします。
不透明度の透明度の設定です。 アイテムは、不透明度をオーバーライドします。のcontainerCls...
オンラインデモ:http://demo.jb51.net/js/2012/inputSuggest/
完全なソースコードのダウンロード:http://www. jb51.net/jiaoben/44737.html

<title>input 文字入力時にプロンプ​​トを提案します</title> <style type="text/css"> body{margin:0;padding:0;} input{width:200px;} .suggest-container{border:1px solid #C1C1C1;visibility:hidden;} .suggest-item{padding:3px 2px;} .suggest-active {background:#33CCFF;color:white;padding:3px 2px;} </style> <div style="width:400px;margin:30px auto;text-align:center;"> <label> </label> <input type="text" id="sina">シーナ<br> <br> <br><br><br><br><br><br><br><br><label></label> <input type="text" id="sohu">蘇胡</div>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]