Questions tagged «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 

当前<datalist>，大多数主流浏览器（Safari除外）都支持HTML5元素，这似乎是一种向输入添加建议的有趣方式。 但是，该value属性的实现与上的内部文本之间似乎存在一些差异<option>。例如： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 不同的浏览器对此处理方式有所不同： Chrome和Opera： FireFox和IE 11： 选择一个后，输入将填充值而不是内部文本。我只希望用户在下拉列表和输入中看到文本（“答案”），但42像那样select将值传递给Submit。 如何使所有浏览器的下拉列表显示<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; } 但它似乎不起作用。

83 css  html  option  html-datalist