数据列表是否可以向下滚动？

Question

我是 HTML 的新手，正在尝试使用 datalist。我需要将其限制为仅显示 5 个项目，其余项目使用向下滚动查看。有什么办法吗？

我的代码：

<form>
    <input list="Android" name="Android">

    <datalist id="Android">
        <option value="Alpha">
        <option value="Beta">
        <option value="Cupcake">
        <option value="Doughnut">
        <option value="Eclairs">
        <option value="Fryo">
        <option value="GingerBread">
        <option value="HoneyComb">
        <option value="Icecream Sandwich">
        <option value="Jelly Bean">
        <option value="Kitkat">
        <option value="Lollipop">
        <option value="Marshmallow">
        <option value="Nougat">
    </datalist>
    <input type="submit">
</form>

这是我的代码的输出

提前致谢！

Answer 1

嗯，那是不可能的，datalist 布局由浏览器定义，与 select 标签一样，自定义的灵活性很小。你的例子来自Chrome；在 Firefox 中，它只显示 6 个项目，在 Edge 中，它也显示类似的东西，但大小有限。

如果您不能接受 datalist 设计 Chrome，建议的解决方案是使用其他东西而不是使用 datalist提供，尝试一些具有类似行为的其他组件，例如 dropdown select、autocomplete、autosugest、typeahead 等

数据列表是否可以向下滚动？

Is it possible for a datalist to have scrolldown?

html

html-datalist