小编典典

HTML组合框,带有用于键入条目的选项

html

我的印象是,除了选择列表中已经存在的任何值之外,您还可以键入一个组合框。但是,我似乎找不到有关如何执行此操作的信息。我需要添加一个属性以允许输入文本吗?


阅读 620

收藏
2020-05-10

共1个答案

小编典典

在此之前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>
2020-05-10