本文介绍了HTML中用于提供下拉列表的select元素与用于自动完成输入的datalist元素的使用方法。通过示例对比了两种元素的区别，并展示了如何利用datalist为输入框提供预设选项。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>select和datalist</title>
</head>
<body>
<!-- <form action="http://localhost">
<select name="key" size="4" multiple="multiple">
<optgroup>
<option value="安里屯">安里屯</option>
<option value="新镇中心">新镇中心</option>
<option value="河西">河西</option>
<option value="安店">安店</option>
</optgroup>
</select>
<input type="submit">
</form> -->
<form action="http://localhost">
<input type="text" name="key" list="my">
<datalist id="my">
<option value="安里屯">安里屯</option>
<option value="新镇中心">新镇中心</option>
<option value="河西">河西</option>
<option value="安店">安店</option>
</datalist>
<input type="submit">
</form>
</body>
</html>
转载于:https://www.cnblogs.com/houweidong/p/7529909.html
扫一扫
4653
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
