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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

在此之前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">

该机制 。

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>

以上是 HTML组合框，带有用于键入条目的选项 的全部内容， 来源链接： utcz.com/qa/415369.html

回到顶部