How to apply datalist with scrollbar in html and php?

See more:

CSS

HTML

PHP

HTML5

How to set the size or height of the datalist? I want to have the scroll bar when the datas in the datalist becomes higher.

<div id ="form">
    <form action="english.php" method="post">
        <table>
            <tr>
            <td><input type="text" list="word" name="word" autocomplete= "off" placeholder="Please type an English Word" size="35" style="padding : 3px;" /></td>
               <datalist id="word" size="11">
                    <?php while($row = mysqli_fetch_array($result)) { ?>
                    <option value="<?php echo $row['word_en']; ?>"><?php echo $row['word_en']; ?></option>
                    <?php } ?>
               </datalist>
                <?php mysqli_close($connection); ?>
                <td><input type="submit" value="Search" style="padding : 3px;" /></td>
                <td><input type="reset" value="Clear" style="padding : 3px;" /></td>
            </tr>
        </table>
    </form>
</div>