怎么样用HTML来写表单

怎么样用HTML来写表单
怎么样用HTML来写表单

怎么样用HTML来写表单

表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力,表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。

在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能,例如ASP、PHP、JSP,表单已经成为它们统一的外在形式。

表单的主要功能是收集信息,具体说是收集浏览者的信息。例如在网上要申请一个电子信箱,就必须按要求填写完成网站提供的表单页面,其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言,发言之前要申请资格,也是要填写完成一个表单网页。

表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成,一是描述表单元素的html源代码,二是客户端的脚本,或者服务器端用来处理用户所填信息的程序。在html里,我们可以定义表单,并且使表单与CGI或ASP等服务器端的表单处理程序配合。

表单信息处理的过程为:当单击表单中的提交按纽时,输入在表单中的信息就会上传到服务器中,然后由服务器中的有关应用程序进行处理,处理后或者将用户提交的信息储存在服务器端的数据库中,或者将有关的信息返回到客户端浏览器中。

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

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

基本语法

01

target="target_win">

02 ……

03

语法解释

标记的属性如下表所示

属性描述

name 表单的名称

method 定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get和post action 用来定义表单处理程序(ASP,CGI等程序)的位置(相对地址或绝对地址) enctype 设置表单资料的编码方式

target 设置返回信息的显示方式

标记的ENCTYPE属性

基本语法

01

02 ……

03

语法解释

value的取值如所下表所示

属性值描述

Text/plin 以纯文本形式传送信息

Application/x-www-Form-urlencoded 默认的编码形式

Multipart/Form-data 使用mine编码

文件范例:11-4.htm

设置表单信息提交的编码方式。

01

02

03

04

05

06

07 设置信息提交的编码方式

08

09

10

用户调查

11

enctype=text/plain>

12

13

14

HTML及网页制作练习题-完整版

1、在HTML中,()标记不可出现在和标记符之间。(C) (A)


(B)
(C) (D) 2、<table>属性中,rowspan定义的内容是(D) (A)单元格所跨的列数 (B)行的宽度 (C)列的高度 (D)单元格所跨的行数 3、在HTML中,正确的嵌套方式是(B)。 (A)<table><td><tr></tr></td></table> (B)<table><tr><td></td></tr></table> (C)<table><tr><td></tr></td></table> (D)<table><td><tr></td></tr></table> 4、最大的标题是:(D) (A)<h7> (B)<h6> (C)<h2> (D)<h1> 5、HTML样式格式文件的后缀名是:(C) (A).asp (B).js (C).css (D).ss 6、下面哪一个标记是用于插入背景音乐的:(D) (A)<MUSIC> (B)<SWF> (C)<A> (D)<BGSOUND> 7、请指出下面正确的说法是:(C) (A)背景音乐标记符号通常插入在<body>…</body>之间 (B)可以在JavaScript语句之间插入背景音乐 (C)背景音乐最好使用MP3格式 (D)用SRC属性指明声音文件地址 8、下列哪些是视频文件。(BD) (A)jpg文件 (B)avi文件 (C)mov文件 (D)mpg文件 9、HTML是一种专门用来设计网站的计算机标记语言(T F) 10、网站模版是指网站内容的总体结构和(A) A.页面格式总体规划 B.网页制作规划</p><h2>HTML代码大全</h2><p>HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE> (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) (由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分
区分的对齐
引文区块
(通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址
大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式
 (保留文件中空格的大小) 预定格式的宽度 
(以字元计算) 向中看齐 
(文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小

HTML习题含答案

一、选择 1.在一个框架的属性面板中,不能设置下面哪一项。() A.源文件; B.边框颜色; C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。() A.type="submit" B.type="reset" C.type="image" D.type="button" 3.下面哪一个属性不是文本的标签属性?() A.nbsp; B.align C.color D.face 4.下面哪一项的电子邮件链接是正确的?() A.https://www.360docs.net/doc/962445104.html, B.xxx@.net C.xxx@com D.xxx@https://www.360docs.net/doc/962445104.html, 5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。() A.ASP B.HTML C.ZIP D.CGI 6.关于表格的描述正确的一项是。()

A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻的单元格 C.粘贴表格时,不粘贴表格的内容 D.在网页中,水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。() A.126 B.136 C.147 D.167 8.关于文本对齐,源代码设置不正确的一项是:() A.居中对齐:

B.居右对齐:
C.居左对齐:

D.两端对齐:

9.下面哪一项是换行符标签?() A. B. C.
D. 10.下列哪一项是在新窗口中打开网页文档。() A._self B._blank C._top D._parent 11.下面对JPEG格式描述不正确的一项是。() A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快 C.最高只能以256色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩12.在一个框架组的属性面板中,不能设置下面哪一项。()

HTML网页设计(表单元素)

HTML网页设计(表单元素) 1.什么是表单 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成,所有这些都放在

标签在。一个文档中可以包含多个表单,而且每个表单可以放置通常的主体内容(包括文字和图像在内) Form标签 设计者可以将表单放在文档主体中的任何位置,但前提是将表单的缘故都放在标签和
结束标签之间。

2.表单元素 在

标签中,可以包含以下5个标签。 Input标签 对于大量通常的表单内元素,可以使用标签来进行定义,其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然标签中有许多属性,但对每个元素来说,只有type和name属性是必须的。当然,根据指定的比哦啊单元素类型,也可以设置一些其

可以使用标签中的name属性来为字段命名(表单提交到处理过程中使用的字段,这种字段的说明可以参阅前面介绍)。从技术角度上讲,name属性的值是任意的一个字符串,但是我们建议最好采用没有嵌入空格或标点的字符串。标签中必须的type属性可以用来选择控件的类型,其属性值如下表所示。 最有用也是最常见的表单输入元素时文字域,在浏览器窗口中显示为一行的空框,它接收用输入的一行信息,当你用户将表单提交给服务器时,这些信息就变成了元素值。 范例代码:

密码域 将type属性值设置为password,就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称,这样就可以为该段字段设置size和maxlength属性,并可以设置一个初见时的vlaue。 范例代码: 文件域(file) 复选框(checked) 单选框(ridio) 普通按钮(button) 设置普通按钮(button)代码: 重置按钮(Reset) Textarea标签 作为表单的一部分,