HTML Datalist显示的额外选项是如何分隔的？

在上述问题中，用户提到了HTML Datalist显示了额外的选项，并且这些选项之间用水平线进行了分隔。用户还提供了一些代码示例来说明问题。

问题的原因是在HTML代码中，使用了一个具有特殊CSS类的选项。该CSS类设置了一个带有虚线边框的底部边框。这导致在Datalist中显示了额外的选项，并且这些选项之间用水平线进行了分隔。

为了解决这个问题，用户可以移除具有特殊CSS类的选项，或者修改CSS类的样式，使其不显示水平线分隔。下面是解决方法的代码示例：

    A
    B
    C
    D

在这个示例中，用户移除了具有特殊CSS类的选项，并且不再显示水平线分隔。

总结起来，HTML Datalist显示额外选项并用水平线分隔的原因是使用了具有特殊CSS类的选项。为了解决这个问题，用户可以移除具有特殊CSS类的选项或者修改CSS类的样式。

HTML Datalist显示由水平线分隔的额外选项的原因及解决方法

在我查阅了与HTML Datalist相关的各种文章之后，我了解到Datalist接受autocomplete属性。这提示我，我所获得的额外选项（可能是之前的搜索记录、建议等）可能是由于datalist的autocomplete功能导致的。因此，我尝试将其设置为“off”。

现在，我不再获得那些额外选项和选项列表中的水平线了。

例如，代码片段如下：

我还发现datalist还接受一个名为autocorrect的属性，但我并不需要这个属性来解决上述问题。