html表单有几部分组成,网页制作时表单由哪两部分组成
表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力,表单网页的制作最终还是要由表格组织起来。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>
◆◆
评论读取中....
请登录后再发表评论!
◆◆
修改失败,请稍后尝试
html表单有几部分组成,网页制作时表单由哪两部分组成相关推荐
- html手机单选框,手机移动网页制作:表单输入框、单选框、复选框
手机移动网页制作:表单输入框.单选框.复选框 本文继前面讲到的WML语言中的文本标签和图像.链接后,接着讲WML语言中的表单内容. 在Html中,表单内容包括输入框.单选框.复选框等等,WML也并不例 ...
- JavaScript网页制作--京东快递单号查询
JavaScript网页制作–京东快递单号查询 上篇讲到了京东网页的一个可能不被大多数人熟知的小功能,S键自动获得焦点,相比于那个功能,这个快递单号查询的功能可能更明了一点,虽然我也觉得很鸡肋.在网页 ...
- php表单网页实例,40多个漂亮的网页表单设计实例_HTML/Xhtml_网页制作
下面我们介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的:尽管如此,在大多数情况下,你能很容易的使用简单的css和(x)html来创建相同的设 ...
- 报名系统网页导出html,【网页报名表如何导出pdf】_网页的报名表怎样转换为word或者PDF格式...
网页的报名表怎样转换为word或者pdf格式 网页的报名表怎样转换为word或者pdf格式呢?小编将为大家带来以下三个方法,希望能对大家有所帮助. 方法一. 1.保存网页 在浏览器来中访问目标网页,执 ...
- iframe嵌入页面白屏_封闭在家学网页制作!为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件 在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
- el-table 行背景颜色_使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作
行颜色设置的简便方法 昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色 ...
- 利用html标记制作静态网页,使用HTML制作网页《静态网页制作》.ppt
使用HTML制作网页<静态网页制作> 表单的执行原理 Internet 1 2 客户端:请求登录,通过表单填写账户信息 服务器端:验证发来的账号信息,然后给出反馈 客户端和服务器类似两人沟 ...
- 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 dreamweaver简单个人网页制作
大学生个人主页网页设计作品下载 作品介绍 截图演示 代码演示 作品源地址 作品介绍 此作品为学生个人主页网页设计题材,代码为简单学生水平 DIV CSS布局制作,整个作品由主页.个人历程.兴趣爱好.学 ...
- 学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作
HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码...
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...
最新文章
- 图片格式转换(PNG or JPEG to EPS or PDF)
- matlab 度分秒转换成度_如何利用matlab统一处理照片亮度对比度
- 使用C#快速生成顺序GUID
- 先序中序后序两两结合重建二叉树
- mysql jion 三张_mysql三张表 left join
- Java中的记录器 - Java日志示例
- MyBatis数据库连接的基本使用-补充Mapper映射器
- 视频联网云平台EasyCVR集成海康EHome协议系列——Ehome协议调用流程介绍
- 苹果邮箱格式_格式化U盘时,为什么有NTFS等三个不同的U盘格式
- Android动画总结
- 怎样在电脑上设置路由器的WiFi密码
- 李佩:阿里本地生活线上线下融合场景中的图像检测技术
- Flask 和 requests 搭建一个简单的API服务
- 浅析数据仓库和建模理论
- 数说热点 | 跟着《长月烬明》起飞,今年各地文旅主打的就是一个听劝
- 应用程序连接hbase报错:java.net.SocketTimeoutException: callTimeout=60000
- Shell 中的真与假
- 水下自动循迹机器人_循迹机器人
- 投资7年,4个独角兽:好的创业公司是什么样子?
- 再也不怕自己用江苏图采上传证件照了(亲测有效)
热门文章
- RTKLIB的一些个人实用总结
- word怎么根据点画曲线_word2010如何画直线,曲线,肘形连接符,曲线连接符,等多种直线和曲线类型...
- 水题 ZOJ 3880 Demacia of the Ancients
- C++关键字—this
- 在Pytorch中显示网络每层的输出特征图大小、参数、显存占用、参数量的工具---pytorch-summary
- 阿里P7大牛手把手教你!java全栈工程师证书
- Jeshoots - 类别齐全的高质量免费商业摄影图库
- 特征工程之特征选择(3)----F检验和互信息法
- docker安装gamit_gamit的安装步骤
- Tricore学习-芯片启动流程