2015-01-04 18 views
12

データ・リストに接続するときに、テキスト・フィールドの値を示唆することとは異なるブラウザが異なることに気づきました。一部のブラウザでは、正確にで始まる項目が(IE、chrome)と表示されますが、にはと入力された項目が表示されます(firefox)。html datalist要素の自動動作の提案

例えば

、テキストボックスにタイプi、および観察提案:Chromeで

browser: 
 
<datalist id="browsers"> 
 
    <option value="Google Chrome">Google Chrome</option> 
 
    <option value="Internet Explorer">Internet Explorer</option> 
 
    <option value="Firefox">Firefox</option> 
 
    <option value="Opera">Opera</option> 
 
    <option value="Safari">Safari</option> 
 
    <option value="Others">Others?</option> 
 
</datalist> 
 
<input type="text" name="browser" list="browsers">
(あなたが http://jsfiddle.net/yaj8ut3m/を好む場合は、ここでは、フィドルだ)とIEの場合は Internet Explorerしか提案されませんが、Firefoxは Internet Explorer, FirefoxSafariを提案します。

使用する自動フィルタリング動作を指定する方法はありますか。

ノート:javascriptのソリューションはこれがunspecifiedオプションです

+0

私は、すべてのブラウザが異なる実装を持っているので、この動作を変更する方法はないと思います。私は、基準の基準を見つけることができません。 – zoonman

+0

@ zoonman ya仕様でも何も見つかりません。これは本当に残念です。構成の欠如が実際にこの機能を使用する人の数を制限するように感じるからです。 – goat

+0

"javascriptの解決策は受け入れられません" ....これは深刻な質問でもありません。それは意識を高めようとする疑問として提起された理論的な運動か標準の機能要求のどちらかです。私はあなたのためのエクササイズを持っています - このhtml5機能を実装し、javascriptをサポートしていないユーザエージェントの名前をつけてください。そして、このhtml5機能を実装せずにjavascriptをサポートするすべてのユーザエージェントを検討してください。 –

答えて

4

受け入れられません。

そして知らissue:質問は

If you type "V" the list will show only items that start with "V" in Chrome, Opera and IE, and any <option> containing "V" in Firefox. 
2

の場合:

「を使用するフィルタリングの挙動を示唆している自動指定するいくつかの方法があります

注:?javascriptの解決策はありません

答えは(悲しいことに)次のようになります:いいえ、これはブラウザの実装に依存し、データリストタグはそうではありません任意の属性。

私はそれが "プラグイン"でいっぱいであり、比較的簡単に1つを書くが、jsを使用すると言う必要があります。

関連する問題