HTML中 select 与datalist的异同

概述比较： 异同点 select datalist 多选 可以 不可以 缺失值 可以 不可以 查找 不可以 可以 增添选项 不可以 可以 datalist，标签定义选项列表，通常与input元素配合使用该元素，datalist元素的内容不会直接显示在网页上，只是会在用户输入时作为候选项 <form>选择：<input type='text' name='capital' list='capital

比较：

异同点	select	dataList
多选	可以	不可以
缺失值	可以	不可以
查找	不可以	可以
增添选项	不可以	可以

dataList，标签定义选项列表，通常与input元素配合使用该元素，dataList元素的内容不会直接显示在网页上，只是会在用户输入时作为候选项

<form>选择：<input type='text' name='cAPItal' List='cAPItals' />  <dataList ID='cAPItals'>    <option value='南京'>北京</option>    <option value='山西'>山东</option>    <option value='河北'>河南</option>  </dataList>  </form>

select，用来建立一个下拉菜单选项列表 size用来定义列表中显示的列表项 multiple属性用来定义是否可以多选 可以添加Disabled属性和autofocus属性

<form>选择：<select name='cAPItal' multiple>  <option value='bj'>北京</option>  <option value='jn'>山东</option>  <option value='zhzh'>河南</option></select></form>

总结

以上是内存溢出为你收集整理的HTML中 select 与datalist的异同全部内容，希望文章能够帮你解决HTML中 select 与datalist的异同所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。