<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method="">
<!-- <select name="">
<option value="1">前端与移动开发</option>
<option value="2">java</option>
<option value="3">JavaScript</option>
<option value="4">C++</option>
</select> -->
<!-- 建立输入框和datalist关联 list等于datalist的id -->
专业:<input type="text" list="subjects">
<!-- 通过datalist创建选择列表 -->
<datalist id="subjects">
<!-- value提供具体的值,label提示信息 -->
<option value ="前端与移动开发" label="前景非常好"></option>
<option value ="java" label="使用人数多"></option>
<option value ="JavaScript" label="特效"></option>
<option value ="C." label="不知道"></option>
</datalist>
网址:<input type="url" name="" id="" value="" list="urls"/>
<datalist id="urls">
<!-- 如果input输入框的type是url,那么value必须添加http -->
<option value ="http://www.baidu.com"></option>
<option value ="http://www.soho.com"></option>
<option value ="http://www.163.com"></option>
</datalist>
</form>
</body>
</html>