タグ付けされた質問 「html-datalist」

Select-OptionとDatalist-Optionの違いは何だろうと思っていました。どちらか一方を使用した方がよい状況はありますか？それぞれの例は次のとおりです。 選択オプション <select name="browser"> <option value="firefox">Firefox</option> <option value="ie">IE</option> <option value="chrome">Chrome</option> <option value="opera">Opera</option> <option value="safari">Safari</option> </select> データリスト-オプション <input type=text list=browsers> <datalist id=browsers> <option value="Firefox"> <option value="IE"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

136 html  html-select  forms  html-datalist 

現在、HTML5<datalist>要素はほとんどの主要なブラウザー（Safariを除く）でサポートされており、入力に提案を追加するための興味深い方法のようです。 ただし、value属性の実装との内部テキストの間にはいくつかの矛盾があるようです<option>。例えば： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> これは、ブラウザによって処理が異なります。 ChromeとOpera： FireFoxとIE11： いずれかを選択すると、入力には内部テキストではなく値が入力されます。ドロップダウンと入力にテキスト（「回答」）のみを表示したいのですが、42送信時に値を渡します。selectます。 ドロップダウンリストに<option>sのラベル（内部テキスト）を表示させvalue、フォームの送信時に属性を送信させるにはどうすればよいですか？

98 javascript  html  cross-browser  html-datalist 

データリストのさまざまなオプションのリストの表示方法を変更したいと思います。いくつかのCSSプロパティを適用することは可能ですか？ <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> 私は試した option { background: red; } しかし、それは機能していないようです。

84 css  html  option  html-datalist