html5表单的概念,HTML表单相关概念

1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

通俗的讲 form标签是用来进行表单提交用的，表单在网页中主要负责数据采集功能。

form标签里面的常见属性如下：

action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址

method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文

常用的input 标签及其作用

type 属性取值:

text -- 文字输入域(输入型)

password -- 也是文字输入域,但是输入的文字以密码符号'*'显示(输入型)

file -- 可以输入一个文件路径(输入型)

checkbox -- 复选框.可以选择零个或多个(选择型)

radio -- 单选框.只可以选择一个而且必须选择一个(选择型)

hidden -- 代表隐藏域,可以传送一些隐藏的信息到服务器

button -- 按钮(点击型)

image -- 使用图片来显示按钮,使用src属性指定图像的位置(就像img标签的src属性)(点击型)

submit -- 提交按钮,表单填写完毕可以提交,把信息传送到服务器.可以使用value属性来显示按钮上的文字(点击型)

reset -- 重置按钮,可以把表单中的信息清空(点击型)

2.post 和 get 方式的区别？

根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。

所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。就是说，它仅仅是获取资源信息，就像数据库查询一样，不会修改，增加数据，不会影响资源的状态。

注意：这里安全的含义仅仅是指是非修改信息。

幂等的意味着对同一URL的多个请求应该返回同样的结果。

幂等(idempotent、idempotence)是一个数学或计算机学概念，常见于抽象代数中。

幂等有一下几种定义：

对于单目运算，如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的，那么我们就称该运算是幂等的。比如绝对值运算就是一个例子，在实数集中，有abs(a)=abs(abs(a))。

对于双目运算，则要求当参与运算的两个值是等值的情况下，如果满足运算结果与参与运算的两个值相等，则称该运算幂等，如求两个数的最大值的函数，有在在实数集中幂等，即max(x,x) = x。

根据HTTP规范，POST表示可能修改变服务器上的资源的请求。

GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中)，以?分割URL和传输数据，参数之间以&相连，如：login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母/数字，原样发送，如果是空格，转换为+，如果是中文/其他字符，则直接把字符串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX为该符号以16进制表示的ASCII。

POST把提交的数据则放置在是HTTP包的包体中。

GET方式提交的数据最多只能是1024字节，理论上POST没有限制，可传较大量的数据

其实这样说是错误的，不准确的：首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系了。而实际上，URL不存在参数上限的问题，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。注意这是限制是整个URL长度，而不仅仅是你的参数值数据长度。

理论上讲，POST是没有大小限制的，HTTP协议规范也没有进行大小限制，说“POST数据量存在80K/100K的大小限制”是不准确的，POST数据是没有限制的，起限制作用的是服务器的处理程序的处理能力。

POST的安全性要比GET的安全性高。注意：这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修改，而这里安全的含义是真正的Security的含义，比如：通过GET提交数据，用户名和密码将明文出现在URL上，因为(1)登录页面有可能被浏览器缓存，(2)其他人查看浏览器的历史纪录，那么别人就可以拿到你的账号和密码了，除此之外，使用GET提交数据还可能会造成Cross-site request forgery攻击。

总结一下，Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求，在FORM(表单)中，Method默认为"GET"，实质上，GET和POST只是发送机制不同，并不是一个取一个发！

3.在input里，name 有什么作用？

name 属性规定 input 元素的名称，用于对提交到服务器后的表单数据进行标识，或者在客户端提供给 JavaScript，使其可以引用表单数据。

4.adio 如何 分组?

具有相同 name 属性值的 radio 为同一组

5.placeholder 属性有什么作用?

提供可描述输入字段预期值的提示信息，该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

6.type=hidden隐藏域有什么作用? 举例说明

type属性值定义为hidden可定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改。

一方面隐藏数据可以暂存数据，例如用户不需要见到，但操作网页时可能用到的数据；另一方面可以提高安全性，例如，页面提交表单时可通过type=hidden设置一段隐藏的按照预先算法约定好的随机字段，服务器在受到表单数据时对这个隐藏字段进行校验，来识别该表单数据来源是否可靠，从而避免服务器数据被假页面提交的数据攻击篡改。