是否有可能为一个DataList有向下滚动？

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项，并在边缘它显示在有限的尺寸相似，以及东西。

提出的解决方案是使用别的东西，而在使用datalist，如果你不能与datalist设计Chrome提供生活，尝试一些其他的成分有类似的行为，像dropdown select，autocomplete，autosugest，typeahead等。