十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
定义和用法
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请、雅安服务器托管、营销软件、网站建设、永康网站维护、网站推广。
list 属性引用数据列表,其中包含输入字段的预定义选项。
这个链接有介绍LIST的用法
datalist 标签定义选项列表。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
!DOCTYPE HTML
html
body
input list="cars" /
datalist id="cars"
option value="BMW"
option value="Ford"
option value="Volvo"
/datalist
/body
/html
效果:
可以使用HTML5 list 属性。list 属性需要应用到 input 框上,然后内容写一个自定义的 id
然后在任意位置放一对 datalist 标签,并给 datalist 框一个 id,和 list 属性指向的 id 一致即可。
在 datalist 标签下放列表项,每个列表项用 option 元标签来表示,option 标签里用 value 属性填写内容,label 属性来做提示。
下面是示例代码:
form action=""
input type="text" list="url_list" name="text" /
input type="submit" /
/form
datalist id="url_list"
option label="HZ赫兹工作室" value="" /
option label="提示1" value="列表项1" /
option label="提示2" value="列表项2" /
option label="" value="列表项3" /
/datalist
HTML5之前一般使用select标签或者div+js实现
li标签在html中大多作为导航或信息列表的结构。其实li配合list-style-type和list-style-position可以方便的设置小圆点或三角箭头。注意list-style-position: inside需要设置为inside设置在盒模型内才能生效。
除去list-style-type设置图标,可以用常规的relative配合absolute来设置箭头或者圆点等。
list是列表的意思。
比如我们在用无序列表时:ulli/li/ul.显示出来的时候li前面都是带点的。css中我们去掉前面的点会用到:list-style-type:none;
当然html5中也有list,是引用datalist 字面意思就是:数据列表。语法:input list="value"