html<datalist>标签代表一组选项元素,这些元素代表其他控件的预定义选项。
该标签可用于在表单元素上提供“自动完成”功能。它允许您在用户输入数据时向他们提供预定义选项的列表。
例如,如果用户开始在input字段中输入文本,则会下拉一个列表,其中包含用户可选择的预填充值。这些值对用户是不可见的,除了那些与用户当时输入的内容相关的值。
该<datalist>标签是在 HTML 5 中引入的。
标签<datalist>的写法为,在开始和结束标签之间插入<datalist id=""></datalist>任意数量的标签。属性提供元素的 ID 。包含属性的元素可以引用此 ID 。属性引用元素属性的值。<option>id<datalist><input>listlist<datalist>id
<input name="" list="myId"> <datalist id="myId"> <option value=""> <option value=""> </datalist>
旧版支持
为了为不支持该<datalist>元素的浏览器提供支持,只需将<select>元素放置在元素内部即可<datalist>。
全局属性
以下属性是所有 HTML 元素的标准属性。因此,您可以将这些属性与 标签<datalist>以及所有其他 HTML 标签一起使用。
accesskey
autocapitalize
class
contenteditable
data-*
dir
draggable
hidden
id
inputmode
is
itemid
itemprop
itemref
itemscope
itemtype
lang
part
slot
spellcheck
style
tabindex
title
translate
有关这些属性的完整解释,请参阅HTML 5 全局属性。
事件处理程序
事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时,将调用该脚本。每个事件处理程序内容属性处理不同的事件。
onabort
onauxclick
onblur
oncancel
oncanplay
oncanplaythrough
onchange
onclick
onclose
oncontextmenu
oncopy
oncuechange
oncut
ondblclick
ondrag
ondragend
ondragenter
ondragexit
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformdata
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onlanguagechange
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
onpaste
onpause
onplay
onplaying
onprogress
onratechange
onreset
onresize
onscroll
onsecuritypolicyviolation
onseeked
onseeking
onselect
onslotchange
onstalled
onsubmit
onsuspend
ontimeupdate
ontoggle
onvolumechange
onwaiting
onwheel
本文来源:重庆seo博客
本文地址:https://focusonseo.cn/htmlbiaoqian/162.html
文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。