Tag: html datalist

HTML表单：select选项与数据select选项

我想知道Select-Option和Datalist-Option之间有什么区别。 有没有什么情况可以使用其中一种？ 每个例子如下： select-选项 <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>

显示datalist标签，但提交实际值

目前，大多数主stream浏览器（Safari除外）都支持HTML5 <datalist>元素，这似乎是向input添加build议的有趣方式。 但是， value属性的实现和<option>的内部文本之间似乎有一些差异。 例如： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 这由不同的浏览器处理不同： Chrome和Opera： FireFox和IE 11： select一个之后，input将填充值而不是内部文本。 我只希望用户在下拉菜单和input框中看到文本（“答案”），但是在提交时传递值42 ，就像select一样。 我怎样才能使所有的浏览器有下拉列表显示<option>的标签（内部文本），但发送表单提交时的value属性？