<datalist> - 缩写

首页 > HTML标签 > <datalist>

■ 摘要

项目说明
形式<datalist>~</datalist>
支持H5+ / Op9+
标签省略开始标签:必须,结束标签:必须
可包含元素option

■ 说明

datalist 与 <option> 组合用来定义选项列表。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

只有 Firefox 和 Opera 支持 <datalist> 标签。

■ 属性

【一般属性】
属性意义
class=classH5+。指定类。
id=idH5+。指定ID。
style=styleH5+。指定样式。
title=titleH5+。指定标题。
dir=dirH5+。指定文字显示的方向。
lang=langH5++。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。

■ 举例

HTML代码
<label>
  你的兴趣是?
  <input type="text" name="fav_sports" list="sports_list">
  <datalist id="sports_list">
    <option value="足球">
    <option value="篮球">
    <option value="乒乓球">
  </datalist>
</label>

浏览器显示效果(Firefox 和 Opera)

■ 相关

<input><option>