html表单有几部分组成,网页制作时表单由哪两部分组成

38713cb87c21c7fed51a8e08bbc8fd44.png

表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力,表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能,例如ASP、PHP、JSP,表单已经成为它们统一的外在形式。

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

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

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

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

01 <Form name="Form_name" method="method" action="url" enctype="value" target="target_win">

02 ……

03 </Form>

语法解释

<Form>标记的属性如下表所示 属性 描述

name  表单的名称

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

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

enctype  设置表单资料的编码方式

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

<FORM>标记的ENCTYPE属性

基本语法

01 <Form enctype="value">

02 ……

03 </Form>

语法解释

value的取值如所下表所示

属性值 描述

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

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

Multipart/Form-data  使用mine编码

文件范例:11-4.htm

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

01 <!-- ------------------------------ -->

02 <!-- 文件范例:11-4.htm -->

03 <!--文件说明:设置信息提交的编码方式-->

04 <!-- ------------------------------ -->

05 <html>

06 <head>

07 <title>设置信息提交的编码方式</title>

08 </head>

09 <body>

10 <h1>用户调查</h1>

11 <Form name=invest action=mailto:tslxg@hotmail.com method=get enctype=text/plain>

12 </Form>

13 </body>

14 </html>

◆◆

评论读取中....

请登录后再发表评论!

◆◆

修改失败,请稍后尝试

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值