<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action=""></form>
<select name="">
<option value="">前端</option>
<option value="">java</option>
<option value="">js</option>
<option value="">c++</option>
</select>
<!--不仅可以选择，还可以输入-->
<!--建立输入框和datalist关联 list id-->
<!--list="datalist的id号"-->
专业：<input type="text" list="subjects"/>
<!--通过datalsit创建选项列表-->
<datalist id="subjects">
<!--
创建选项值：value：具体的值 label：提示信息（辅助值）
option可以是单标签也可以是双标签-->
<option value="java" label="好"></option>
<option value="c++" label="呵呵"></option>
<option value="js" label="不知道"></option>
</datalist>
<!--如果input type类型是url，option value值必须添加http:// 不然option后面没有箭头-->
网址：<input type="url" list="urls"/>
<datalist id="urls">
<option value="http://www.baidu.com"></option>
<option value="http://www.sohu.com"></option>
<option value="http://www.163.com"></option>
<option value="http://aiqiyi.com"></option>
</datalist>
</form>
</body>
</html>
H5之datalist
猜你喜欢
转载自blog.csdn.net/weixin_43727391/article/details/84197585
今日推荐
周排行