HTML表单标记教程(4):
发布时间:2020-05-11 07:10:14 所属栏目:编程 来源:站长网
导读:假设此刻要在表单中添加这样一项内容:赏识地址的都市。这里不说世界的都市,只说省会以上的都市就有几十个。假如以上面讲过的单选按钮的情势,将这些都市所有摆列在网页上,将是一件不堪假想的工作。于是在表单的工具中呈现了菜单和列表。说到底,菜单和
假设此刻要在表单中添加这样一项内容:赏识地址的都市。这里不说世界的都市,只说省会以上的都市就有几十个。假如以上面讲过的单选按钮的情势,将这些都市所有摆列在网页上,将是一件不堪假想的工作。于是在表单的工具中呈现了菜单和列表。说到底,菜单和列表首要是为了节减网页的空间而发生的。 菜单是一种最节减空间的方法,正常状态下只能看到一个选项,单击按钮打开菜单后才气看到所有的选项。列表可以表现必然数目的选项,假如超出了这个数目,会自动呈现转动条,赏识者可以通过拖动转动条来寓目各选项。通过<select>和<option>标志可以计划页面中的菜单和列表结果。 根基语法 01 <select name="name" size=value multiple> 02 <option value="value" selected>选项 03 <option value="value">选项 04 …… 05 </select> 语法表明 这些属性的寄义如下表所示 菜单和列表标志 描写 name 菜单和列表的名称 size 表现的选项数量 multiple 列表中的项目多选 value 选项值 selected 默认选项 文件典型:11-16.htm 在页面中插入菜单和列表。 01 <!-- ------------------------------ --> 02 <!-- 文件典型:11-16.htm --> 03 <!-- 文件声名:插入菜单和列表 --> 04 <!-- ------------------------------ --> 05 <title> 06 <head> 07 <title>插入菜单和列表</title> 08 </head> 09 <body> 10 <h1>用户观测</h1> 11 <Form action=mailto:tslxg@hotmail.com method=get name=invest> 12 请选择你喜好的音乐:<br> 13 <select name="music" size=4 multiple> 14 <option value="rock" Selected>摇滚乐 15 <option value="pop">风行乐 16 <option value="jazz">爵士乐 17 <option value="nation">民族乐 18 </select><br> 19 请选择你栖身的都市:<br> 20 <select name="city"> 21 <option value="beijing" selected>北京 22 <option value="shanghai">上海 23 <option value="nanjing">南京 24 <option value="guangzhou">广州 25 </select> 26 <input type="submit" name="submit" value="提交表单"> 27 </Form> 28 </body> 29 </html> 文件声名 第13行界说了列表表现项目数目为4,并可以或许多项选择。第14行到第17行界说了选项,个中"摇滚乐"为默认选择,第20行界说了默认的菜单数目,第21行到24行界说选项,个中"北京"为默认选择。 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |