效果图:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>datalist 元素</title>
</head>
<body>
<form action="#" method="post">
请输入用户名:
<input type="text" list="namelist" />
<datalist id="namelist">
<option>admin</option>
<option>lucy</option>
<option>lily</option>
</datalist>
<input type="submit" value="提交" />
</form>
</body>
</html>
重点:
首先向表单中添加一个input元素,并将其list属性值设置为“namelist”。
然后,添加id名为“namelist”的datalist元素,并通过datalist内的option元素创建列表。
声明:“来自于网络,如果侵犯著作权,请联系删除”