加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

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行界说选项,个中"北京"为默认选择。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读