У меня возникают проблемы с datalist
в HTML5, у меня есть 10000 строк для отображения в моих значениях option
, я заполняю mysql с помощью PHP, по какой-то причине я не вижу ни одной полосы прокрутки, я пробовал overflow:scroll
настройку height
и width
но нет Помогите. Пожалуйста, помогите мне!
<div class="container"> <form action="NutritionDataBank.php" method="post"> <label>Select NDBNum:</label> <input list="ndbnum" id="ndb" placeholder="eg1001" size="20" multiple> <datalist id="ndbnum"> <?php //... while($row = mysqli_fetch_array($result)){ echo "<option value=$row[ndbNum]></option>"; } ?> </datalist> </form> </div>
К сожалению, вы не можете сделать с атрибутом datalist. В настоящее время datalist не поддерживает стиль CSS, а конкретные визуальные характеристики зависят от браузера. Некоторые браузеры могут добавлять полосы прокрутки для длинных списков.
Если это неприемлемо, вам, возможно, придется забыть datalist и реализовать ComboBox через Javascript. Я считаю, что JQuery имеет функцию автозаполнения, которая может быть подходящей.