Barre de défilement pour Datalist en HTML5

Je vais avoir des ennuis avec datalist en HTML5, j'ai 10000 lignes à afficher dans mon option valeurs, je suis le remplissage de mysql à l'aide de PHP, pour une raison que je ne vois pas de barre de défilement, j'ai essayé overflow:scroll réglage height et width, mais aucune aide. S'il vous plaît aider moi!

<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>
Double Possible de Est-il un moyen pour appliquer un style CSS sur HTML5 datalist options?

OriginalL'auteur user3109794 | 2014-04-13

  1. 14

    Malheureusement, il n'y a pas beaucoup que vous pouvez faire avec le datalist attribut. Le datalist ne prend pas actuellement en charge tout le style CSS, et des caractéristiques visuelles sont spécifiques à un navigateur. Certains navigateurs peuvent choisir d'ajouter des barres de défilement pour de longues listes.

    Si ce n'est pas acceptable, vous pouvez avoir oublier le datalist et de mettre en œuvre une zone de liste modifiable via Javascript. Je crois que JQuery a une fonction d'auto-complétion qui peuvent être appropriées.

    OriginalL'auteur G__