如何在html和php中应用带滚动条的datalist？ [英] How to apply datalist with scrollbar in html and php?

问题描述

如何设置datalist的大小或高度？当数据列表中的数据变得更高时，我想要滚动条。

 <   div     id     = 表单 >  
 <  表格    action   =  english.php   方法  =  post  >  
 <  表 >  
 <   tr  >  
 <   td  >  <  输入   类型  =  text    list   = 字   名称  = 字   自动填充  =  off   占位符  = 请输入英文单词   大小  =  35    style   =  padding：3px;     /  >  < span class =code-keyword><   / td  >  
 <   datalist     id   =  word    size   =  11 >  
 <？  php     while（$ row     =   mysqli_fetch_array（$ result））  {   ？ >  
 <  选项    value   = <？ php echo $ row ['word_en']; ？> >  <？  php     echo    < span class =code-summarycomment> $ row ['word_en'];    ？ >  <   / option  >  
 <？  php    }    ？ >  
 <   / datalist  >  
 <？  php     mysqli_close（$ connection）;    ？ >  
 <   td  >  <  输入    type   = 提交    value   = 搜索    style   =  padding：3px;    /  >  <   / td  >  
 < ;   td  >  <  输入    type   = 重置   值  = 清除    style   =  p添加：3px;    /  >  <   / td  >  
 <   / tr  >  
 <   / table   >  
 <   / form  >  
 <   / div  >  

解决方案

row = mysqli_fetch_array（

result）） { ？ >
< 选项 value = < span class =code-keyword><？php echo

row ['word_en']; ？> > <？ php echo < span class =code-summarycomment>

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>

解决方案

row = mysqli_fetch_array(

result)) { ?> <option value="<?php echo

row['word_en']; ?>"><?php echo

这篇关于如何在html和php中应用带滚动条的datalist？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！