datalist元素(定义选项列表)新元素

<datalist>~</datalist>

datalist元素 用于定义选项列表。

建立选项列表时使用datalist元素与option元素。 datalist元素中使用id属性, 并设定id属性的值,然后,通过在input元素list属性中放入datalist元素的id属性的值, 从而使选项列表与input元素建立链接。

使用例

<form action="search.cgi" method="get">

<p>

<input type="search" name="q" list="suggest"/>

<input type="submit" value="检索"/>

</p>

<datalist id="suggest1">

<option value="HTML5"></option>

<option value="canvas"></option>

<option value="video"></option>

</datalist>

</form>

<form action="search.cgi" method="get">

<p>

<input type="search" name="q" list="suggest1"/>

<input type="submit" value="检索"/>

</p>

<datalist id="suggest">

<option value="HTML5" label="全收录130件"></option>

<option value="canvas" label="全收录3件"></option>

<option value="video" label="全收录2件"></option>

</datalist>

</form>

浏览器支持情况

元素
datalist 10.0 20.0 4.0 no 9.0