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();

 

posted @ 2021-04-21 11:43  _情书  阅读(1010)  评论(0)  编辑  收藏  举报