select既可以輸入也可以下拉框選擇


<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>list屬性示例</title>
 </head>
 <body>
  <div style="display:flex">
    <label style="width:50%"></label>
    <input id="amount" placeholder="請選擇或輸入內容" type="text" name="greeting" list="greetings">
  </div>
   <!-- 使用style="display:none;"將datalist元素設定為不顯示 -->
   <datalist id="greetings" style="display:none;">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
   </datalist>
 </body>
</html>


//js直接獲取input的值
var amount = $("#amount").val();

 


免責聲明!

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



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