html之表单总结

简介：

将用户信息组织起来的容器。

应用场景

1.登录、注册：登录时填写用户名、密码，注册时填写姓名、电话等个人信息。2.网上订单：在网上购买商品，一般要求填写姓名、联系方式、付款方式等信息。3.调查问卷：回答对某些问题的看法，以便形成统计数据，方便分析。4.网上搜索:输入关键字，搜索想要的可用信息。

表单元素

单行文本框、密码框、单选按钮、下拉列表、提交按钮等。

表单标签及属性

action :

指示服务器上处理表单输出的程序。当用户单击表单   上后，信息发送到web服务器上，由action属性所指定的程序处理 。语法为action=“URL”,如果action属性的值为空，则默认将表单提交到本页。

method:

告诉浏览器如何将属性发送给服务器，指定向服务器发送数据的方法（post方法或者get方法）。若值为“get”,浏览器将创建一个请求，该请求包含页面URL、一个问号和表单的值，浏览器会将该请求返回给URL中指定的脚本进行处理。若将值指定为post，表单上的数据会作为一个数据块发送到脚本，而不使用请求字符串。语法为method=（get|post）

post方法和get方法的区别

post方式提交表单：在“名字”和“密码”后分别输入用户名“isabelle”和密码“123”，单击提交按钮，页面效果如下：地址栏的URL信息没有发生变化。get方式提价表单：在浏览器的地址栏中，URL信息会发生变化，URL信息会清晰的显示出表单提交的数据内容，刚刚输入的用户名和密码都显示在地址栏中。小结：（1）post提交不会改变地址栏状态，表单数据不会被显示。     （2）get提交，地址栏状态不会发生变化，表单数据会在URL信息中显示。        post提交方式更安全。

表单元素及格式

input标签属性

type：表单元素的类型。

        可用选项有text、password、checkbox、radio、submit、reset、file、hidden、image和button。默认text。

name:表单元素的名称

        按名称来标识

value:元素 表单的初始值

        可选属性。如type为radio，必须指定一个值。

size:表单元素的初始宽度

        如果type为text或password，表单元素的大小以字符为单位；如type为其他输入类型，宽度以像素为单位。

maxlength:输入的最大字符数

        指定text或password的最大字符数。默认无限大。

checked:按钮是否被选中

        输入类型为radio或checkbox时，使用此属性。