Возможно ли, чтобы специалист по обработке данных имел прокрутку?

Question

Я новичок в HTML и пытаюсь использовать datalist.Мне нужно ограничить его, чтобы отображать только 5 элементов, а остальные нужно просматривать с помощью scrolldown.Есть ли способ?

Мой код:

<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, если вы не можете жить с предложениями datalist design Chrome , попробуйте другой компонент с похожим поведением, например dropdown select, autocomplete, autosugest, typeahead,и т.д.