表单那点事

        表单From对于一个web 开发人员来说并不陌生,它是页面与web 服务器交互过程中最重要的信息来源.今天我们就来聊聊表单吧!

        表单在客户端相当于一个集合,把在表单中输入的信息一起装到一个盒子中.表单在web网页中用以让访问者输入数据,当提交表单时,表单中哦输入的数据被打包传递给Web 服务器端的程序以处理,从而使得web 服务器与用户之间交互.

一.表单的工作机制

二.表单的创建

我们先来看一个在表单中设计的登录界面:

把用户名,密码和输入框,提交按钮 都放在表单中,那么我们来看看背后的代码是怎么样的:

<form id="form1" name="form1" method="post" action="">  <p>用户名:    <input type="text" name="textfield" />  </p>  <p>密码:    <input type="text" name="textfield2" /></p>  <p> </p>  <p>    <input type="submit" name="Submit" value="登录" />  </p></form>

        从登录界面和代码中,我们可以知道表单的标志性元素是<form>.我们也同样可以知道一张表单是由<form>元素,以及在其间嵌入的相关元素(通常称为控件)组成的.

表单的基本语法如下:

<form  method="post or get" action="URL">....</form>

        属性method 用于指定向服务器发送表单数据时所使用的HTTP方法.可以是get或者post 这两种中的其中一种.get是缺省的方法.属性值action 指定对表单进行处理的脚本地址.也就是说,表单提交到服务器后,交由谁来处理,在action属性中指定处理者URL..,表单所在的页面也相应跳转,如果action 为空或不写,表示提交给当前的页面.

需要注意的是:

1.表单控件元素没有指定name属性值,表单提交时,该控件元素不被提交.

2.浏览器向服务器传递的表单数据叫做"请求参数"

3.请求参数不仅限于表单数据,传递请求参数的两种方式:表单/在页面中超链接URL地址后直接带请求参数

4.表单提交,只打包发送该表单元素的值

5.一个页面可以多个表单

三.表单中的控件类型

四.表单提交

        表单提交的实际上是提交表单中的数据.在提交表单的时,浏览器会对表单中的数据进行打包,其打包的形式为: 表单控件元素名==表单控件元素值.打包的数据被提交到表单<form>标记的action 属性指定的服务器端程序中.

        表单提交的方式有两种:get 和Post .

1.get 提交方式:

        浏览器在action 指定的URL 地址以"?" 形式带上打包数据,多个打包数据之间需要用& 分割.

例如:

http://localhost:8081/MyApp/1.jsp ?name1=value1& name2=value2

传递的数据在URL 地址栏中是可见的.而且以get 方式传递数据传递数据量是有限的,

2.post 提交方式

        浏览器将打包数据作为请求消息的实体内容进行发送,多个数据之间也同样是以&分隔.传递的数据在URL 地址栏中是不可以看见的.如果需要传递的数据是无限制的,那么这个时候就可以采用Post 方式进行传递.

        表单的提交就如同大四毕业了,把四年积累下来的衣服(数据)把包好,让快递公司(提交方式)送到工作的地方或者是工作的地方(action 属性的值URL).当送到的时候,送到家里了,家人会给你打个电话,告诉你你邮寄的东西到了.

        表单在web 开发中常会用到,特别是在注册的时候,登录的时候,用到的很多,学好表单,可以让的web 界面锦上添花!