本文共 3524 字，大约阅读时间需要 11 分钟。
一、概念
1、表单的概念?
1.1、什么是表单
表单就是 html 页面中,用来收集用户信息的所有元素集合.然后把这些信息发送给服务器. 1.2、表单什么用？ 收集用户信息。表单展现之后，用户填写表单，点击提交钮提交数据给服务器。 1.3、怎么画一个表单？ 使用form标签画表单。 1.4、一个网页当中可以有多个表单form。 1.5、 表单最终是需要提交数据给服务器的，form标签一个action属性，这个属性用来指定服务器地址： action属性用来指定数据提交给哪个服务器。 action属性和超链接中的href属性一样。都可以向服务器发送请求（request 1.6、http://192.168.111.3:8080/oa/save 这是请求路径，表单提交数据最终提交给： 192.168.111.3机器上的8080端口对应的软件。2、第一个表单
点击登录后：
点击设置按钮上显示的文本后，普通按钮无反应：
3、提交按钮与超链接
这个按钮和普通的超链接没什么太大的区别。（超链接和表单都可以向服务器发送请求，只不过表单发送请求的同时可以携带数据。
百度
二、表单属性及提交解释
1、表单是以什么格式提交数据给服务器的？
http://localhost:8080/jd/login?username=abc&userpwd=111
格式：action?name=value&name=value&name=value&name=value&name=value… W3C的HTTP协议规定的，必须以这种格式提交给服务器。 重点强调：表单项写了name属性的，一律会提交给服务器。不想提交这一项，就不要写name属性。 文本框和密码框的value不需要程序员指定，用户输入什么value就是什么。 当name没写的时候，该项不会提交给服务器。但是当value没写的时候，value的默认值是空字符串，会将空字符串提交给服务器。java代码得到的是：String username = “”;
2、表单form的表单项
form 标签就是表单
input type=text 是文件输入框 value 设置默认显示内容
用户名
简介
input type=password 是密码输入框 value 设置默认显示内容
密码 确认密码
input type=radio 定义单选按钮输入是单框 name 属性可以对其进行分组，name属性都设为相同的，只有这样才能实现单选的效果checked=“checked” 表示默认中，
性别 男 女
input type=checkbox 是复选框 checked="checked"表示默认中
兴趣爱好 唱歌 跳舞 打球
input type=reset 是重置钮 value 属性修改钮上的文本
input type=submit 是提交钮 定义提交钮，value 属性修改钮上的文本
input type=button 是钮 value 属性修改钮上的文本
input type=file 是文件上传域 input type=hidden 是隐藏域 当我们要发送某些信息，而这些信息，不需要用户参与，就可以使用隐藏域（提交的 时候同时发送给服务器 select 标签是下拉列表框 option 标签是下拉列表框中的项 selected="selected"设置默认中学历
3、form表单的method属性
action: 属性设置提交的服务器地址
method: 属性设置提交的方式 GET(默认值)或 POST 表单提交的时候，数据没发送给服务器的种情况：- 1、表单项没 name 属性值
- 2、单、复（下拉列表中的 option 标签都需要添加 value 属性，以便发送给服务器
- 3、表单项不在提交的 form 标签中
GET 请求的特点是：
1、浏览器地址栏中的地址是：action 属性[+?+请求参数] 请求参数的格式是：name=value&name=value 2、采用get方式提交的时候，用户提交的信息会显示在浏览器的地址栏上,不安全 3、它数据长度的限制，主要是因为地址栏有限制 POST 请求的特点是： 1、浏览器地址栏中只 action 属性值 2、采用post方式提交的时候，用户提交的信息不会显示在浏览器地址栏上。当用户提交的信息中含 敏感信息，例如：密码，建议采用post方式提交。相对于 GET 请求要安全 3、理论上没数据长度的限制 注意：post提交的时候提交的数据格式和get还是一样的，只不过不再地址栏上显示出来。 POST提交的数据还是：name=value&name=value&name=value… method=get时：
method=post时： 
注意： - 超链接也可以提交数据给服务器，但是提交的数据都是固定不变的。
- 超链接是get请求。不是post请求。
提交
三、表单控件
1、file控件
input type=file 是文件上传域
2、hidden控件
input type=hidden 是隐藏域 当我们要发送某些信息，而这些信息，不需要用户参与，就可以使用隐藏域（提交的 时候同时发送给服务器
仍然传送了userid=1001
3、readonly和disabled
readonly和disabled相同点：都是只读不能修改。但是readonly可以提交给服务器，disabled数据不会提交（即使name属性也不会提交。
4、input控件的maxlength属性
maxlength 设置文本框中可输入的字符数量。
转载地址：http://etuki.baihongyu.com/