首页前端开发HTMLHTML表单标记教程(4):

HTML表单标记教程(4):

时间2024-01-27 00:46:03发布访客分类HTML浏览585
导读:收集整理的这篇文章主要介绍了HTML表单标记教程(4 :,觉得挺不错的,现在分享给大家,也给大家做个参考。 假设现在要在表单中添加这样一项内容:浏览所在的城市。这里不说全国的城市,只说省会以上的城市就有几十个。如果以上面讲过的单选...
收集整理的这篇文章主要介绍了HTML表单标记教程(4):,觉得挺不错的,现在分享给大家,也给大家做个参考。
假设现在要在表单中添加这样一项内容:浏览所在的城市。这里不说全国的城市,只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式,将这些城市全部罗列在网页上,将是一件不堪设想的事情。于是在表单的对象中出现了菜单和列表。说到底,菜单和列表主要是为了节省网页的空间而产生的。
菜单是一种最节省空间的方式,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来观看各选项。通过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行定义选项,其中"北京"为默认选择。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

&gtltquotoptionvalue教程标记菜单选项

若转载请注明出处: HTML表单标记教程(4):
本文地址: https://pptw.com/jishu/587498.html
HTML网页超链接标记 HTML表单标记教程(5):文字域标记

游客 回复需填写必要信息