我的印象是,除了选择列表中已有的任何值之外,您还可以在组合框中键入内容。但是,我似乎无法找到有关如何执行此操作的信息。我需要添加一个属性来允许输入文本吗?
Before datalist
(参见下面的注释),您需要提供额外的input
供人们输入自己的选项的元素。
<select name="example">
<option value="A">A</option>
<option value="B">B</option>
<option value="-">Other</option>
</select>
<input type="text" name="other">
这个机制适用于所有浏览器并且不需要 JavaScript.
您可以使用一点 JavaScript 来巧妙地只显示input
如果选择了“其他”选项。
数据列表元素
The datalist
element 的目的是为这个概念提供更好的机制。在某些浏览器中,例如iOS Safari 检查我可以使用页面以查看当前的数据列表支持.
<input type="text" name="example" list="exampleList">
<datalist id="exampleList">
<option value="A">
<option value="B">
</datalist>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)