本文详细介绍了HTML中的表单标记，包括<Form>、<input>、<select>、<textarea>以及框架结构如<frameset>、<iframe>的用法和属性。此外，还提到了<marquee>、<embed>、<bgsound>和<object>等标签的使用，是学习HTML表单和相关元素的好资料。
表单是网页上的一个特定区域。这个区域是由一对<Form>标记定义的。这一步有几方面的作用。第一方面，限定表单的范围。其它的表单对象，都要插入到表单之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置、提交表单的方法等。
基本语法
语法解释
<Form>标记的属性如下表所示
| 属性 | 描述 |
|---|---|
| name | 表单的名称 |
| method | 定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get和post |
| action | 用来定义表单处理程序(ASP，CGI等程序)的位置(相对地址或绝对地址) |
| enctype | 设置表单资料的编码方式 |
| target | 设置返回信息的显示方式 |
表单内的输入标记<input>
- 01 <Form>
- 02 <input name="field＿name" type="type＿name">
- 03 </Form>
基本语法
语法解释
<input>标记的属性如下表所示
| 属性 | 描述 |
|---|---|
| name | 域的名称 |
| type | 域的类型 |
在type属性中，包含以下属性值
| type属性值 | 描述 |
|---|---|
| text | 文字域 |
| password | 密码域 |
| file | 文件域 |
| checkbox | 复选框 |
| radio | 单选框 |
| button | 普通按钮 |
| submit | 提交按钮 |
| reset | 重置按钮 |
| hidden | 隐藏域 |
| image | 图像域(图像按钮) |
文本框：<input type=text name=username value="username" size="15" maxlength="15">
密码框：<input type=password name=passwords value="password" size="15" maxlength="15">
<select>标记
通过<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 | 默认选项 |
文本域标记<textarea>
个标记用来制作多行的文字域，可以在其中输入更多的文本。
- <textarea name="name" rows=value cols=value value="value">
- </textarea>
基本语法
语法解释
这些属性的含义如下表所示
| 文字域标记属值 | 描述 |
|---|---|
| name | 文字域的名称 |
| rows | 文字域的行数 |
| cols | 文字域的列数 |
| value | 文字域的默认值 |
框架结构
框架结构可以让几个网页同时显示在浏览器的一个页面内。
框架结果标签：<frameset></frameset>
框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解，<frameset>其实就是一个大<table>，只不过整个页面是<table>的主体，而每一个单元格的内容都是一个独立的网页。
给框架结构分栏：（"cols"和"row"属性）
既然我们说框架结构可以被理解为一网页为单元格的表格，那么就一定要分栏了。其中cols属性将页面分为几列，而rows属性则将页面分为几行。下面来看一个例子。
<frameset rows="25%,75%">
<frame src="1.html"/>
<frame src="3.html"/>
</frameset>
</html>
其中"rows="25%,75%"表示该页面共分为两行，因为它有两个属性值，而他们的大小则分别为页面高度的25%和75%。
framespacing 表示框架与框架间保留的空白的距离
<frame>标签：定义frameset标签中每个框架页的内容：
- Common -- 一般属性
- frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1-- 在每个页面之间都显示边框0-- 不显示边框
longdesc-- 定义框架页的说明marginwidth-- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定marginheight-- 定义了框架中HTML文件显示的上下边界的矿度,取值为px,缺省值由浏览器决定- name -- 在一个框架页链接到另一框架页时使用(另一个框架页可以使用target定义链接页)
- noresize -- 定义了浏览者是否可以通过拖拽改变框架页尺寸,取值为(
noresize) - scrolling -- 定义是否有滚动条,取值为(
yes|no|auto),缺省值为autoyes-- 显示滚动条no-- 不显示滚动条auto-- 当需要时再显示滚动条
src-- 定义了内容页URL
<iframe>标签--内联框架
这标记只适用于IE(comet:也使用于FireFox)。 它的作用是在一网页中间插入一个框窗以显示另一个文件。
- iframe标签是成对出现的,以
<iframe>开始,</iframe>结束 - iframe标签内的内容可以做为浏览器不支持iframe标签时显示
<iframe> 的参数设定如下：
例子： <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">
- Common -- 一般属性
name-- 定义了内容页名称,此名称在框架页内链接时使用到src-- 定义了内容页URL(同frame标签)- frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1-- 在每个页面之间都显示边框0-- 不显示边框
height-- 框架的高度,取值像素或百分比width-- 框架的宽度,取值像素或百分比marginwidth-- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定marginheight-- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定- scrolling -- 定义是否有滚动条,取值为(
yes|no|auto),缺省值为autoyes-- 显示滚动条no-- 不显示滚动条auto-- 当需要时再显示滚动条
align-- 垂直或水平对齐方式longdesc-- 定义框架页的说明marquee标签：
基本语法：
<marquee>...</marquee>
文字移动属性的设置
方向 <direction=#> #=left, right,down,up (left:从右到左；right:从左到右；down从上向下；up:从下往上移)
方式 <bihavior=#> #=scroll, slide, alternate（scroll:一圈一圈绕着;slide:只移动一次;alternate:来回移动）
循环 <loop=#> #=次数；若未指定则循环不止(infinite)
速度 <scrollamount=#>
延时 <scrolldelay=#>
外观(Layout)设置
对齐方式(Align) <align=#> #=top, middle, bottom
底色 <bgcolor=#>
面积 <height=# width=#>
空白(Margins)<hspace=# vspace=#>
<embed> 标签
标签定义嵌入的内容，比如插件。
代码：
< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
src：音乐文件的路径及文件名；（完整的路径）
autostart：true为音乐文件上传完后自动开始播放，默认为false（否）
loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次
volume：取值范围为“0-100”，设置音量，默认为系统本身的音量
starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime=“00:10”，从第10开始播放
endtime： “分：秒”，设置歌曲结束播放的时间
width：控制面板的宽
height：控制面板的高
controls：控制面板的外观
controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”·console：正常大小的面板
·smallconsole：较小的面板
·playbutton：显示播放按钮
·pausebutton：显示暂停按钮
·stopbutton：显示停止按钮
·volumelever：显示音量调节按钮hidden：为true时可以隐藏面板
embed标签src后的文件也可以是.swf文件，用来播FLASH
<bgsound>标签：
bgsound元素可以为网页添加背景音乐，支持的音频格式：WAV、MID、MP3等
属性：
- src－所插入背景的URL（网址）。
- loop－设置循环的次数，当值是-1或者Infinite 的时候表示无限循环。
- volume－音量，值为-10000到0之间，（不算直观）0是最大音量。
- balance－声道，值为-1000到1000之间的值，负值将声音发送左声道，正值将声音发送右声道，0为立体声。
- delay－是进行播放延时的设置
<object> 标签
用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
archive 属性的值是一个用引号括起来的 URL 列表，其中每个 URL 都指向一个在显示或执行对象之前浏览器需要加载的档案文件。
classid 属性用于指定浏览器中包含的对象的位置，通常是一个 Java 类。
它的值是对象的绝对或相对的 URL。如果提供了 codebase 属性的话，相对 URL 是相对于 codebase 属性指定的 URL 而言的；否则，它们是相对于当前文档的 URL。
codebase 属性是一个可选的属性，提供了一个基本的 URL。该属性的值是一个 URL，该 URL 指向的目录包含了 classid 属性所引用的对象。
codetype 属性与 type 属性类似。不同的是，它用来标识程序代码类型，而 type 属性用来标识数据文件类型。
declare 属性可以定义一个对象，但同时防止浏览器进行下载和处理。
与 name 属性一起使用时，这个工具类似于更为传统的编程语言中的某种前置声明，这样的声明能够延迟下载对象的时间，直到这个对象确实在文档中得到了应用。
data 属性用于指定供对象处理的数据文件的 URL。
该属性的值是文件的 URL，该 URL 可能是相对于文件基本 URL 的绝对 URL 或相对 URL，或者是相对于用 codebase 属性提供的 URL 的绝对或相对 URL。
参考资料：
扫一扫
507
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
