本文介绍了网页表单中如何使用菜单和列表来节省空间并提供更好的用户体验。菜单在正常状态下只显示一个选项，点击后展开全部；列表则可以显示一定数量的选项，超出部分通过滚动条查看。通过HTML的基本语法，可以定义菜单和列表的属性，如显示的选项数目、默认选择等。示例代码展示了如何创建一个多选的音乐类型列表和一个默认选择的城市菜单。
假设现在要在表单中添加这样一项内容：浏览所在的城市。这里不说全国的城市，只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式，将这些城市全部罗列在网页上，将是一件不堪设想的事情。于是在表单的对象中出现了菜单和列表。说到底，菜单和列表主要是为了节省网页的空间而产生的。
菜单是一种最节省空间的方式，正常状态下只能看到一个选项，单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项，如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条来观看各选项。通过<
基本语法
01
02 选项
03 选项
04 ……
05
语法解释
这些属性的含义如下表所示
菜单和列表标记
描述
name
菜单和列表的名称
size
显示的选项数目
multiple
列表中的项目多选
value
选项值
selected
默认选项
文件范例:11-16.htm
在页面中插入菜单和列表。
01
02
03
04
05
06
07
插入菜单和列表08
09
10
用户调查
11
12 请选择你喜欢的音乐：
13
14 摇滚乐
15 流行乐
16 爵士乐
17 民族乐
18
19 请选择你居住的城市：
20
21 北京
22 上海
23 南京
24 广州
25
26
27
28
29
文件说明
第13行定义了列表显示项目数量为4，并能够多项选择。第14行到第17行定义了选项，其中"摇滚乐"为默认选择，第20行定义了默认的菜单数量，第21行到24行定义选项，其中"北京"为默认选择。
—-想了解更多的linux相关异常处理怎么解决关注
扫一扫
1079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
