html5的“datalist”教程是什么?

html-css010

html5的“datalist”教程是什么?,第1张

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。那么html5的datalist教程是什么?

1、 关于datalist标签:

2、 datalist标签的正确用法:

3、 创建input标签,并定义属性list;

4、 id和list的值对应,以完成input和datalist的绑定;

5、 保存文件,查看使用效果。

以上就是关于html5的datalist教程是什么的全部内容。

<datalist>标签定义选项列表。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

<!DOCTYPE HTML>

<html>

<body>

<input list="cars" />

<datalist id="cars">

<option value="BMW">

<option value="Ford">

<option value="Volvo">

</datalist>

</body>

</html>

效果:

应该是你没有写全

定义和用法

<datalist>标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

实例

下面是一个 input 元素,datalist 中描述了其可能的值:

<input id="myCar" list="cars" /><datalist id="cars">

<option value="BMW">

<option value="Ford">

<option value="Volvo"></datalist>