html5 Input 中的list用法,即可以下拉選擇還可以關鍵字模糊輸入選擇


list 屬性引用數據列表,其中包含輸入字段的預定義選項。
<input type="url" list="url_list" name="link" /> <datalist id="url_list">

         <option label="W3School" value="http://www.w3school.com.cn" />

         <option label="Google" value="http://www.google.com" />
        <option label="Microsoft" value="http://www.microsoft.com" />
        <option label="W3School2" value="http://www.w3school2.com.cn" />
       <option label="Google2" value="http://www.google2.com" />
       <option label="Microsoft2" value="http://www.microsoft2.com" />


<!-- list="url_list" 是datalist 的id-->
<!-- 這里就列表就可以從后端傳一個list來遍歷 -->

</datalist>


 

 

 
         
         
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM