Question

我在一些数字输入字段中遇到了这个实现“建议”的列表;

如果输入字段未激活，单击“向下箭头”将打开下拉列表。

如果输入字段已经聚焦，单击“向下箭头”将闪烁下拉列表，但不会保持打开状态并立即关闭。

<input type="number" id="inputNumber" list="numberList">

<datalist id="numberList">
  <option value="2"/>
  <option value="3"/>
  <option value="5"/>
  <option value="7"/>
  <option value="11"/>
  <option value="13"/>
  <option value="17"/>
  <option value="54"/>
</datalist>

Google Chrome 44.0.2403.107就是这种情况。这是一个错误吗？或者有什么我不明白的东西？

** 修改 **

此外，我刚刚添加了值54，如果已设置值5且字段处于焦点位置，则列表将打开，但全部将显示值。然后，再单击箭头上的所有内容，将过滤除列表中54之外的所有内容。（注意，这甚至是不一致的，因为有时也可能发生正确的行为。）

Answer 1

您的示例实际上适用于我（Chrome 44.0.2403.157 m），但如果输入框的值没有自动完成建议，则不会显示任何列表。我认为这必须是预期的行为，虽然我同意它肯定不直观，因为当输入不在焦点时点击箭头将显示整个列表。

如果输入已经集中，则HTML5 datalist不会打开

1 个答案: