HTML表单标记教程(4):<SELECT>标记

2016-02-19 18:02 37 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐HTML表单标记教程(4):<SELECT>标记,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

假设现在要在表单中添加这样一项内容:浏览所在的城市。这里不说全国的城市,只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式,将这些城市全部罗列在网页上,将是一件不堪设想的事情。于是在表单的对象中出现了菜单和列表。说到底,菜单和列表主要是为了节省网页的空间而产生的。

菜单是一种最节省空间的方式,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来观看各选项。通过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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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 /selectbr
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

文件说明

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

第13行定义了列表显示项目数量为4,并能够多项选择。第14行到第17行定义了选项,其中"摇滚乐"为默认选择,第20行定义了默认的菜单数量,第21行到24行定义选项,其中"北京"为默认选择。

来源:http://www.tulaoshi.com/n/20160219/1616678.html

延伸阅读
标签: Web开发
在不同浏览器,H标签呈现的效果是有区别的。目前, 流行的浏览器是IE6,FIREFOX(FF)和IE7,随着时间的推移, 相信使用IE7的比例会不断提高。 作为块级元素的H标签,在写CSS文件时, 最好定义行高line-height, 不要定义高度height,因为定义了高度, 就限制了块级元素H的高度, 在不同浏览器, 很难实现比较统一的效果,我曾经遇到,在IE6,...
标签: Web开发
以前好多朋友说过就是在程序上传shell过程中,程序不允许包含%%标记符号的内容的文件上传,这样就有好多shell不能上传上去了!那我们是不就没别的方法了么,当然有了!呵呵! 我们拿蓝屏最小的ASP代码来看下: %execute request("l")% 我们来把他的标签换下来: script language=VBScript runat=serverexecute req...
标签: Web开发
一个网站不仅要内容丰富外,也要有美观简洁的版面。HTML所提供的区段标记功能,如果可以好好的利用也会有相当不错的效果。 常用区段标记 HR 产生水平线 。 如 : HR ALING=CERTEN WIDTH=90% BR 跳下一行 。 如 : 太平洋网络学院,BR网上学电脑的好去处。 太平洋网络学院, 网上学电脑的好去处。 P.../P 段落 ,跳下一行并加一行空...
标签: Web开发
搜索引擎是通过分析网页源代码来分析页面文本信息的逻辑性,所以在编写网页代码的时候一定要尽可能使用合适的标签来体现文本表达的层次感,也即是让搜索引擎“看懂”哪些文本信息要重于其他部分。 1、标题标签 在Html代码中,标题的标签一共6个,它们的具体代码表现形式分别是:“<h1标题1</h1”、“<h2标题2</h2”、“<h3...
  ■ 排版标记 <!--注解-- ; <P ; <BR ; <HR ; <CENTER ; <PRE ; <DIV ; <NOBR ; <WBR ; 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■<!--注解--: ▲Top 像很多电脑语言一样,HTML 也提供注解...

经验教程

144

收藏

83
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部