<br>假设现在要在表单中添加这样一项内容:浏览所在的城市。这里不说全国的城市,只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式,将这些城市全部罗列在网页上,将是一件不堪设想的事情。于是在表单的对象中出现了菜单和列表。说到底,菜单和列表主要是为了节省网页的空间而产生的。 <br>菜单是一种最节省空间的方式,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来观看各选项。通过<select>和<option>标记可以设计页面中的菜单和列表效果。 <dl> 基本语法 01 <select name="name" size="value" multiple> 02 <option value="value" selected>选项 03 </option> <option value="value">选项 04 …… 05 </option></select> </dl> 语法解释 <br>这些属性的含义如下表所示 <th>菜单和列表标记</th> <th>描述</th> name 菜单和列表的名称 size 显示的选项数目 multiple 列表中的项目多选 value 选项值 selected 默认选项 文件范例:11-16.htm <br>在页面中插入菜单和列表。<br>01 <!-- ------------------------------ --><br>02 <!-- 文件范例:11-16.htm --><br>03 <!-- 文件说明:插入菜单和列表 --><br>04 <!-- ------------------------------ --><br>05 <title> <br>06 <br>07 <title>插入菜单和列表</title> <br>08 <br>09 </title> <br>10 <h1>用户调查</h1> <br>11 <form action="mailto:tslxg@hotmail.com" method="get" name="invest"> <br><span class="code">12 请选择你喜欢的音乐:<br><br>13 <select name="music" size="4" multiple><br>14 <option value="rock" selected>摇滚乐<br>15 </option> <option value="pop">流行乐<br>16 </option> <option value="jazz">爵士乐<br>17 </option> <option value="nation">民族乐<br>18 </option></select><br><br>19 请选择你居住的城市:<br><br>20 <select name="city"><br>21 <option value="beijing" selected>北京<br>22 </option> <option value="shanghai">上海<br>23 </option> <option value="nanjing">南京<br>24 </option> <option value="guangzhou">广州<br>25 </option></select></span><br>26 <input type="submit" name="submit" value="提交表单"><br>27 </form> <br>28 <br>29 </option></select>