select框既可以手輸入也可以選擇

徒步@天涯發表於2020-10-25

可以用H5新特性來完成這個功能

    用datalist標籤來給輸入框提供一個選擇（但是該屬性不相容IE9，只相容到ie10及ie10+）；

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>list屬性示例</title>
 </head>
 <body>
   text: <input type="text" name="greeting" list="greetings">
   <!-- 使用style="display:none;"將datalist元素設定為不顯示 -->
   <datalist id="greetings" style="display:none;">
     <option value="Zhang Shan">Zhang Shan</option>
     <option value="Li Si">Li Si</option>
     <option value="Wang LaoWu">Wang LaoWu</option>
   </datalist>
 </body>
</html>

相關文章