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