表单是网页上的一个特定区域。这个区域是由一对

标记定义的。这一步有几方面的作用。第一方面,限定表单的范围。其它的表单对象,都要插入到表单之中。单击提交按纽时,提交的也是表单范围之内的内容。第二方面,携带表单的相关信息,例如处理表单的脚本程序的位置、提交表单的方法等。

基本语法

……

语法解释

标记的属性如下表所示

属性

描述

name

表单的名称

method

定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get和post

action

用来定义表单处理程序(ASP,CGI等程序)的位置(相对地址或绝对地址)

enctype

设置表单资料的编码方式

target

设置返回信息的显示方式

表单内的输入标记

基本语法

01

02

03

语法解释

标记的属性如下表所示

属性

描述

name

域的名称

type

域的类型

在type属性中,包含以下属性值

type属性值

描述

text

文字域

password

密码域

file

文件域

checkbox

复选框

radio

单选框

button

普通按钮

submit

提交按钮

reset

重置按钮

hidden

隐藏域

image

图像域(图像按钮)

文本框:

密码框:

标记

通过和标记可以设计页面中的菜单和列表效果。

基本语法

01

02      选项

03      选项

04       ……

05

语法解释

这些属性的含义如下表所示

菜单和列表标记

描述

name

菜单和列表的名称

size

显示的选项数目

multiple

列表中的项目多选

value

选项值

selected

默认选项

文本域标记

个标记用来制作多行的文字域,可以在其中输入更多的文本。

基本语法

语法解释

这些属性的含义如下表所示

文字域标记属值

描述

name

文字域的名称

rows

文字域的行数

cols

文字域的列数

value

文字域的默认值

框架结构

框架结构可以让几个网页同时显示在浏览器的一个页面内。

框架结果标签:

框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,

其实就是一个大

给框架结构分栏:("cols"和"row"属性)

既然我们说框架结构可以被理解为一网页为单元格的表格,那么就一定要分栏了。其中cols属性将页面分为几列,而rows属性则将页面分为几行。下面来看一个例子。

其中"rows="25%,75%"表示该页面共分为两行,因为它有两个属性值,而他们的大小则分别为页面高度的25%和75%。

framespacing 表示框架与框架间保留的空白的距离

标签:定义frameset标签中每个框架页的内容:

Common-- 一般属性

frameborder-- 定义了内容页的边框,取值为(1|0),缺省值为1

1 -- 在每个页面之间都显示边框

0 -- 不显示边框

longdesc -- 定义框架页的说明

marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定

marginheight -- 定义了框架中HTML文件显示的上下边界的矿度,取值为px,缺省值由浏览器决定

name-- 在一个框架页链接到另一框架页时使用(另一个框架页可以使用target定义链接页)

noresize-- 定义了浏览者是否可以通过拖拽改变框架页尺寸,取值为(noresize)

scrolling-- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto

yes -- 显示滚动条

no -- 不显示滚动条

auto -- 当需要时再显示滚动条

src -- 定义了内容页URL

标签--内联框架

这标记只适用于IE(comet:也使用于FireFox)。 它的作用是在一网页中间插入一个框窗以显示另一个文件。

iframe标签是成对出现的,以开始,结束

iframe标签内的内容可以做为浏览器不支持iframe标签时显示

的参数设定如下:

例子:

Common-- 一般属性

name -- 定义了内容页名称,此名称在框架页内链接时使用到

src -- 定义了内容页URL(同frame标签)

frameborder-- 定义了内容页的边框,取值为(1|0),缺省值为1

1 -- 在每个页面之间都显示边框

0 -- 不显示边框

height -- 框架的高度,取值像素或百分比

width -- 框架的宽度,取值像素或百分比

marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定

marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定

scrolling-- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto

yes -- 显示滚动条

no -- 不显示滚动条

auto -- 当需要时再显示滚动条

align -- 垂直或水平对齐方式

longdesc -- 定义框架页的说明

marquee标签:

基本语法:

...

文字移动属性的设置

方向 #=left, right,down,up (left:从右到左;right:从左到右;down从上向下;up:从下往上移)

方式 #=scroll, slide, alternate(scroll:一圈一圈绕着;slide:只移动一次;alternate:来回移动)

循环 #=次数;若未指定则循环不止(infinite)

速度

延时

外观(Layout)设置

对齐方式(Align) #=top, middle, bottom

底色

面积

空白(Margins)

标签

标签定义嵌入的内容,比如插件。

代码:

< 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元素可以为网页添加背景音乐,支持的音频格式:WAV、MID、MP3等

属性:

src-所插入背景的URL(网址)。

loop-设置循环的次数,当值是-1或者Infinite 的时候表示无限循环。

volume-音量,值为-10000到0之间,(不算直观)0是最大音量。

balance-声道,值为-1000到1000之间的值,负值将声音发送左声道,正值将声音发送右声道,0为立体声。

delay-是进行播放延时的设置

标签

用于包含对象,比如图像、音频、视频、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。

参考资料:

html中表单涉及的标记有哪几个,HTML学习笔记--表单标记相关推荐

  1. 【HTML】学习笔记——表单、框架

    [HTML]学习笔记--表单.框架 HTML 表单 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入内容,比如:文本域(textarea).下拉列表.单选框(radio-buttons) ...

  2. 在html中表单对象以什么标记开始,HTML学习笔记——表单

    9.1 表单标记form 在网页中< form>< /form>标记对用来创建一个表单,即定义表单的开始和结束位置,在标记对之间的一切都属于表单的内容.在表单的标记中,可以设置 ...

  3. 表单识别(四)-基于深度学习的表单识别)-OCR

    (论文研读后,感觉有用的一些笔记,主要是给自己记录) 论文:熊雨点,基于深度学习的表单识别系统的研究与实现 基于深度学习的表单识别 前言: 文档检测方法: 基于扩张卷积残差网络的表单文档定位方法: 扩 ...

  4. 八、PHP框架Laravel学习笔记——表单伪造和 CSRF 保护

    一.表单伪造 之前一直用的 GET 请求方式,而表单可以实现 POST 方式,我们来实验下: 先在 TaskController 创建两个方法,一个表单页,一个接受表单数据路由: public fun ...

  5. 低代码amis学习笔记(表单)

    基本用法 最基本的用法是配置表单项和提交接口API. 表单展示 首先展示默认模式: 其代码 {"type": "page","body": ...

  6. React学习笔记—表单

    表单组件像 <input>.<textarea> 不同于其它的原生组件,因为它们会随着用户交互而改变.这些组件提供了接口方便我们管理这些交互. 交互属性 表单组件提供了一些受用 ...

  7. Html 中表单提交的一些知识总结——防止表单自动提交,以及submit和button提交表单的区别...

    转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text&q ...

  8. html表单js自动计算,用Javascript制作会计算的表单

    我们在制作定购单时,往往要计算客户定购物品的货款,HTML并没有提供这种在线计算的功能,但我们用Javascript程序可以实现这种在线汇总计算的功能.当然一个完整的定货单可能涉及许多表单标记,如何获 ...

  9. OpenCV for Ios 学习笔记(4)-标记检测1

    本文原始地址:OpenCV for Ios 学习笔记(4)-标记检测1 简单的标记经常是以白色块和黑色块构成的规则图形.因为我们预先知道这些因素,所以我们可以很容易检测标记. 如图: 首先,我们需要找 ...

最新文章

  1. VLAN是什么?VLAN交换机端口类型有哪些?—Vecloud微云
  2. android网络游戏开发实战pdf_Python项目开发实战+第2版PDF高清文档下载
  3. 元组-元组变量的常用操作
  4. 纯CSS实现漂亮圆角阴影边框
  5. oracle 文件写 n r,[oracle]log_archive_dest_n与DB_RECOVERY_FILE_DEST
  6. thinkphp中I(parm)用法的注意事项
  7. 深度学习1-tensorflow2.0自定义操作与建模方式
  8. 【数字信号处理】基于matlab GUI数字调音台【含Matlab源码 881期】
  9. 《信号与系统》(吴京)部分课后习题答案与解析——第一章
  10. 计算机flash教案,flash教学计划
  11. Java中swing修改左上角的图标
  12. 2020-03-31
  13. 站长开源工具箱V2.0网站源码
  14. Python 打怪兽游戏
  15. 苹果手机连接Windows电脑导入照片出现重复
  16. 在哪里写博客比较好?不同写作平台的横向对比
  17. 宝宝出现这些突发状况!你会处理吗?
  18. 海康直连工具 海康测试工具,工程宝测试软件等
  19. 李志敏 华中农业大学计算机学院,华中农业大学计算机教育论坛举行
  20. Android中级控件介绍(五)

热门文章

  1. memory matlab,memory – 在MATLAB中处理大量结构
  2. 正则表达式中^的用法
  3. ubuntu更新rtl8192cu驱动
  4. cics oracle xad_Cics安装与配置
  5. android鼾声分析,鼾声分析器
  6. pycharm 类型注释_后端开发使用pycharm的技巧
  7. react native 的赋值比较,空字符串以及undefined
  8. Spring事务原理(1),区区一个SpringBoot问题就被干趴下了
  9. java读取文件替换字符,跳槽薪资翻倍
  10. 第十一届山东省大学生程序设计竞赛(热身赛)Mika with Cherry Cake