HTML <datalist> 功能在 Microsoft Edge 中未触发

Question

我正在 Microsoft Edge 上测试 HTML 的

datalist

标签。

它工作正常，但 Edge 的问题是，有一个选项可以通过单击“不显示保存的信息”来关闭自动填充对话框。

如果用户不小心关闭它，即使刷新页面后，自动完成功能也不会再触发。

重新激活该功能的唯一方法是手动编辑浏览器的设置。

相比之下，Chrome 和 Firefox 确实以模式显示自动完成功能，但没有关闭选项。

Answer 1

您可能需要将输入设置为 autocompleteOff，因此 Microsoft Edge 在尝试显示其弹出功能时失去了控制。

<form action="#" method="get">
  <label for="autocompleteOff">Use Microsoft Edge as your browser and select on the list:</label>
  <input type="text" autocomplete="off" list="autocompleteOff"
id="myId" name="myName" placeholder="Placeholder here" />
  <datalist id="autocompleteOff">
    <option value="Selection 1">
    <option value="Selection 2">
    <option value="Selection 3">
    <option value="Selection 4">
    <option value="Selection 5">
  </datalist>
  <input type="submit">
</form>

尝试此操作时请使用 Microsoft Edge，以便您可以检查它是否正常工作！

Answer 2

我花了一整天的大部分时间试图解决这个问题。 奇怪的是，将表单/输入元素的占位符文本更改为浏览器无法解析的内容，因为某种指令会阻止显示保存的信息框，从而消除了用户单击“x”的机会，从而破坏了您的任何自动完成行为想编程。

有：

placeholder="Enter Location"
placeholder="Postcode"
placeholder="Input Country"

都会触发历史框出现在 Edge 中。

有：

placeholder="Edge is f**ing stupid"

阻止该框出现。太奇怪了。