html5的“datalist”教程是什么?

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

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

1、 关于datalist标签

2、 datalist标签的正确用法:

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

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

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

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

list是列表的意思。

比如我们在用无序列表时:<ul><li></li></ul>.显示出来的时候li前面都是带点的。css中我们去掉前面的点会用到:list-style-type:none

当然html5中也有list,是引用<datalist> 字面意思就是:数据列表。语法:<input list="value">

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

<!DOCTYPE HTML>

<html>

<body>

<input list="cars" />

<datalist id="cars">

<option value="BMW">

<option value="Ford">

<option value="Volvo">

</datalist>

</body>

</html>

效果:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7270825.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存