我的印象是,除了选择列表中已经存在的任何值之外,您还可以键入一个组合框。但是,我似乎找不到有关如何执行此操作的信息。我需要添加一个属性以允许输入文本吗?
在此之前datalist(请参见下面的注释),您将提供其他input元素供人们输入自己的选项。
datalist
input
<select name="example"> <option value="A">A</option> <option value="B">A</option> <option value="-">Other</option> </select> <input type="text" name="other">
该机制 可在所有浏览器中使用,并且不需要JavaScript 。
input如果选择了“其他”选项,您可以使用一点JavaScript来聪明地仅显示。
该datalist元素旨在为该概念提供更好的机制。重要的是,它不支持Safari,iOS Safari或Opera Mini。Internet Explorer的实现也存在一些问题。该信息将过时,因此,请检查我可以使用以查看当前数据列表支持以获取更多最新信息。 (iOS Safari≥12.2支持此功能)
<input type="text" name="example" list="exampleList"> <datalist id="exampleList"> <option value="A"> <option value="B"> </datalist>