html5新增表单元素datalist

datalist 下拉框

input和datalist要产生联系通过: input的list属性的值 = datalist的id值

<form action="">
<!--        专业:-->
<!--        <select name="" id="">-->
<!--            <option value="1">前端与移动开发</option>-->
<!--            <option value="2">java</option>-->
<!--            <option value="3">C++</option>-->
<!--            <option value="4">Python</option>-->

<!--            不仅可以选择,还应该可以输入-->
        专业: <input type="text" list="subjects">
<!--        通过datalist创建选择列表 -->
<!--        建立输入框和datalist的关联, list = " datalist的id号"-->
        <datalist id="subjects">
<!--            创建选项值: value: 具体的值  label: 提示信息 : 辅助值-->
<!--            option可以是单标签,也可以是双标签-->
            <option value="英语" label="将就"></option>
            <option value="前端与移动开发" label="前景还将就"></option>
            <option value="java" label="用的人还有点多"></option>
        </datalist>

        网址: <input type="url" list="urls">
        <datalist id="urls">
<!--            如果input框的type的类型是url,则value值必须添加http://-->
            <option value="http://www.baidu.com"></option>
            <option value="http://www.souhu.com"></option>
            <option value="http://www.163.com"></option>
        </datalist>

        </select>
    </form>