Google Chrome不显示数据列表标签

时间:2019-03-26 11:10:43

标签: html google-chrome html-datalist

从昨天开始,我的Google Chrome不再显示数据列表的标签

喜欢

    <!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版本,但标记仍在起作用

3 个答案:

答案 0 :(得分:2)

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

第一个评论提供了一种解决方法:

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

答案 1 :(得分:1)

我本该对Tommotmot的问题发表评论,但我没有声誉点。数据列表可在Chrome 72上运行(我不知道确切的版本号),但是当我今天更新到73.0.3683.86(正式版本)(64位)时,该列表停止工作。

如Tommotmot所述,只有value属性从选项标签中出现。我将添加选项不可搜索的信息,即键入选项innerHTML的子字符串不会减少选项列表。但是,键入值的子字符串确实会减少选项列表。

答案 2 :(得分:0)

在Chrome版本74.0.3729.131(正式版本)(64位)中,此问题仍未解决

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

  

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

...不再起作用。

然后唯一的解决方法是使用其他浏览器。