Полоса прокрутки для Datalist в HTML5
У меня проблемы с 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="e.g.1001" size="20" multiple>
<datalist id="ndbnum">
<?php
//...
while($row = mysqli_fetch_array($result)){
echo "<option value=$row[ndbNum]></option>";
}
?>
</datalist>
</form>
</div>
13
Author: Rodrigo Hahn, 2014-04-13
1 answers
К сожалению, с атрибутом datalist вы мало что можете сделать. В настоящее время datalist не поддерживает никаких стилей CSS, а конкретные визуальные характеристики зависят от браузера. Некоторые браузеры могут добавить полосы прокрутки для длинных списков.
Если это неприемлемо, возможно, вам придется забыть о datalist и реализовать выпадающий список с помощью Javascript. Я считаю, что в jQuery есть функция автозаполнения, которая может оказаться подходящей.
13
Author: G__, 2014-04-20 21:12:10