如何通过“标签”触发HTML5数据列表下拉菜单，或者为什么不触发？

编程问答 2022-08-15

问题描述

<input type="text">

<datalist id="popular-descriptions">
  <option value="Datalist option A"></option>
  <option value="Datalist option B"></option>
</datalist>
    
<input type="text" list="popular-descriptions">
当我通过按上次输入中的Tab键使输入聚焦时，不会触发

HTML5数据列表下拉菜单。我该如何解决？

当我通过点击将其聚焦时，带有数据列表的输入的外观如下

enter image description here

这是当我从先前的输入中“ tab”进入时的样子：

enter image description here

Firefox更进一步，仅当您再次单击输入时才显示数据列表下拉列表

在用户使用Tab键或iOS键盘上的上/下箭头将输入聚焦的情况下，如何触发下拉菜单？

还是不是默认行为的原因？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmlhtml-datalistusability