テキストフィールドをデータリストに接続したときに、テキストフィールドの値を提案することに関して、ブラウザーが異なれば動作も異なることに気付きました。一部のブラウザーでは、入力した内容で正確に始まるエントリが表示されます(IE、以前の chrome バージョン)、他のブラウザーでは、入力した内容を部分文字列として含むエントリが表示されます (firefox、新しい chrome バージョン)。
たとえばi
、テキスト ボックスに次のように入力して、候補を確認します。
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 と最近の chromeInternet Explorer
ではFirefox
、 、およびが表示されSafari
ます。
どの自動提案フィルタリング動作を使用するかを指定する方法はありますか?
注: JavaScript ソリューションは受け入れられません