Google Chrome 不显示数据列表标签

Question

从昨天开始我的googlechrome不显示数据列表的标签

喜欢

    <!DOCTYPE html>

    <html>
    <body>

    <form action="/action_page.php" method="get">
      <input list="browsers" name="browser">
      <datalist id="browsers">
        <option value="Internet Explorer">test</option>
        <option value="Firefox">test</option>
        <option value="Chrome">test</option>
        <option value="Opera">test</option>
        <option value="Safari">test</option>
      </datalist>
      <input type="submit">
    </form>

    <p><strong>Note:</strong> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

    </body>
    </html>

我只为我的下拉数据列表获取值，而不是标签 "test" 我使用版本 73.0.3683.86（Offizieller Build）（64 位）

但我在另一台计算机上使用相同的 Google Chrome 版本，标签仍然有效

Answer 1

我本可以将此作为对 Tommotmot 问题的评论，但我没有声望点数。数据列表在 Chrome 72（我不知道确切的版本号）上工作，但当我今天更新到 73.0.3683.86（官方构建）（64 位）时停止工作。

正如 Tommotmot 所述，只有值属性出现在选项标签中。我要补充的是选项是不可搜索的，即输入选项 innerHTML 的子字符串不会减少选项列表。但是，键入值的子字符串确实会减少选项列表。

Answer 2

我相信这里有这个错误 https://bugs.chromium.org/p/chromium/issues/detail?id=945225

第一个评论给出了解决方法：

修复错误之前的临时解决方法是通过运行 Chrome 使用“--disable-features=AutofillDropdownLayout”命令行开关禁用该功能或禁用 [=18=]： //标志/#autofill-dropdown-layout

Answer 3

这在 Chrome 版本 74.0.3729.131（官方构建）（64 位）

中仍然存在问题

上面列出的解决方法...

...A temporary workaround until the bug is fixed is to disable the feature by running Chrome with "--disable-features=AutofillDropdownLayout" command line switch or disable chrome://flags/#autofill-dropdown-layout

...不再有效。

那么唯一的解决方法似乎是使用其他浏览器。

Google Chrome 不显示数据列表标签

Google Chrome don't show datalist tag

html

google-chrome

html-datalist