2 u013179958 u013179958 于 2016.02.24 21:23 提问

html5里的datalist存在意义是什么?

html5里的datalist存在意义是什么?
html5里的datalist存在意义是什么?
html5里的datalist存在意义是什么?

2个回答

showbo
showbo   Ds   Rxr 2016.02.25 09:22
已采纳

datalist要结合input元素才行,给input提供可用数据源不需要手动输入,加快输入,和select差不多,但是好多事件有出入,change事件要blur才响应,还不如select。。就是多个输入功能

caozhy
caozhy   Ds   Rxr 2016.02.24 21:56

从html5制定的原则来说,一个目标就是让html能够表示更高层次的语义逻辑。比如说datalist,更好反映设计者的意图,一个数据列表,而li table的抽象程度更低。
好比h1表示一个一级标题,而font center等标签定义为居中大号字体等虽然也可以表示标题,但是这个意图只存在在设计者的脑中,而没有从代码表达出来。

u013179958
u013179958 我觉得datalist最大的特点就是自动补全,但最大的问题就是,datalist无法设置name,value.
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Html5 中的datalist用法
datalist 标签定义选项列表,与input元素配合使用该元素,来定义input可能的值datalist及其选项不会被显示出来,它仅仅是合法的输入值列表<input id="myCar" lsit="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value=
html5中datalist简单用法
学习前端半个月了,越来越觉得前端太有趣了,今后将在博文中记录自己学习的点滴,毕竟好记性不如烂笔头嘛。 最近做东西需要邮箱补全,接触到datalist,觉得蛮好用的。datalist是需要与input标签配合使用,可以用在输入推荐,邮箱补全等场合。下面将简单记录相关用法。 1.用在输入推荐上: 请输入您最喜欢的科目: datalist的i
HTML5的含义
什么是 HTML5  HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
HTML5新增input输入的list属性的使用
但是在Dreamweaver cc 2017中不添加结束标签会提示错误-->
【HTML5】<datalist>标签和<select>标签的比较
标签: 注:该标签定义了下拉列表的实现 成都 北京 深圳 延安 标签: 注: 1,该标签定义了输入域的选项列表 2,使用datalist标签必须要和、标签联合起来使用 3,input标签中的list属性值要和datalist标签中的id属性值保持一致
html5 datalist标签的用法
html5 datalist标签的用法datalist介绍: datalist一般不会独行江湖,它需要与input标签的搭配使用,就像label标签与input标签搭配使用一样。既然与input标签搭配使用,那么这两个标签之间必定存在着“特殊的关系”,不然input与datalist就互不相认了,那么如何才能让他们建立起来这种关系呢?这个时候我们需要一个新的属性list(注意,不是for),lis
html5 中新的datalist 自动下拉提示输入框
html5 中新的datalist 自动下拉提示输入框
html5 datalist 选中option选项后的触发事件
使用input + datalist 实现自动补全功能,其中datalist中的内容是根据input输入的内容动态变换的,代码如下 function inputSelect(){ var input_select=$("#input").val(); var option_length=$("option").length; var option_id=''; for(var
HTML5 数据列表标签(datalist),下拉列表提示框
demo.html:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; body { text-align: center
HTML5 <datalist>标签
可以在input完成自动补全。option标签对中可以放 对value的注释。