select框既可以手输入也可以选择

用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="Good Morning">Good Morning</option>
    <option value="Hello">Hello</option>
    <option value="Good Afternoon">Good Afternoon</option>
</datalist>
</body>
</html>

 

posted @ 2020-07-30 10:47  蝶花残梦  阅读(1224)  评论(0)  编辑  收藏  举报
Live2D