谷歌浏览器不显示数据列表标签答案

【问题标题】：Google Chrome don't show datalist tag谷歌浏览器不显示数据列表标签
【发布时间】：2019-03-26 11:10:42
【问题描述】：

从昨天开始，我的谷歌浏览器不再显示数据列表的标签

喜欢

    <!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-Bit)

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

【问题讨论】：

标签： html google-chrome html-datalist

【解决方案1】：

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

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

在修复错误之前的临时解决方法是通过使用“--disable-features=AutofillDropdownLayout”命令行开关运行 Chrome 来禁用该功能或禁用 chrome://flags/#autofill-dropdown-layout

【讨论】：

【解决方案2】：

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

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

【讨论】：

我有一个完整的网站，它的运行依赖于 datalist 标签的功能。我很高兴听到有关修复或解决方法的任何想法。

【解决方案3】：

这在 Chrome 版本 74.0.3729.131（官方构建）（64 位）中仍然存在问题

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

...在修复错误之前的临时解决方法是通过使用“--disable-features=AutofillDropdownLayout”命令行开关运行 Chrome 来禁用该功能或禁用 chrome://flags/#autofill-dropdown-layout

...不再有效。

然后似乎唯一的解决方法是使用另一个浏览器。

【讨论】：