form表单

FORM

含义：表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息

属性

属性	值	描述
action	URL #为刷新当前页面	提交表单时向何处发送表单数据。（即路径）
accept-charset	UTF-8(默认)ISO-8859	规定服务器可处理的表单数据字符集。
methed	get 和 post	用于发送表单数据的 HTTP 方法
name	text	规定表单的名称
target	_blank_self_parent_top	在何处打开 action URL
novalidate	novalidate(布尔属性)	如果使用该属性，则提交表单时不进行验证通过将 novalidate 属性放置到
autocomplete	on off	规定是否启用表单的自动完成功能

autocomplete 详解

off：指的是不允许浏览器自动输入或选择此字段的值。文档或应用程序可能提供自己的自动完成功能，或者安全性问题要求不自动输入字段的值。

注意：在大多数现代浏览器中，设置 autocomplete 为"off"不会阻止密码管理器询问用户是否要保存用户名和密码信息，或者是否自动在站点的登录表单中填写这些值。

on：允许浏览器自动完成输入。没有提供关于该领域中预期的数据类型的指导，因此浏览器可以使用其自己的判断

例：

<form action="#" method="get" autocomplete="on">
  用户名：<input type="text" name="fname" /><br />
  密码：<input type="text" name="iname" autocomplete="off" /><br />
  <input type="submit" />
</form>

get 和 post 的区别

1、Get 将表单中数据的按照 variable=value 的形式，添加到 action 所指向的 URL 后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post 是将表单中的数据放在 form 的数据体中，按照变量和值相对应的方式，传递到 action 所指向 URL。
如下形式：
http://www.imooc.com/test.asp?name=lilian&password=12345678
2、Get 是不安全的，因为在传输过程，数据被存放在请求的 URL 地址中，这样就可能会有一些隐私的信息被第三方看到。
3、Get 方式传输的数据量非常小，一般限制在 2KB 左右，但是执行效率却比 Post 方法好；而 Post 方式传递的数据量相对较大

form 内的常用标签

input

属性

1.type 属性详解

type	描述	基础例子	搭配属性
text	默认值。单行的文本区域，输入中的换行会被自动去除		minlength(maxlength) value 的最小(大)长度（最少字符数目） placeholder 当表单控件为空时，显示的文本 size 控件的大小
button	按钮		value
checkbox	复选框，可设为选中或未选中		checked 用于控制控件是否被选中
color	用于指定颜色的控件；在支持的浏览器中，激活时会打开取色器
date	输入日期的控件（年、月、日，不包括时间）。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮
datetime-local	输入日期和时间的控件 包含具体时间
email	编辑邮箱地址的区域。类似 text 输入，但在支持的浏览器和带有动态键盘的设备上会有确认参数和相应的键盘。		multiple 布尔值。 size 控件的大小值
file	让用户选择文件的控件		使用 accept 属性规定控件能选择的文件类型。 multiple 布尔值。 是否允许多个值
image	带图像的 submit 按钮		src 和 alt formaction 用于提交表单的 URL height 和 width
number	用于输入数字的控件。如果支持的话，会显示滚动按钮并提供缺省验证（即只能输入数字）
range	此控件用于输入不需要精确的数字。控件是一个范围组件，默认值为正中间的值
password	单行的文本区域，其值会被遮盖。如果站点不安全，会警告用户。		minlength(maxlength) value 的最小(大)长度（最少字符数目）size 控件的大小
radio	单选按钮，允许在多个拥有相同 name 值的选项中选中其中一个。		checked 用于控制控件是否被选中
reset	此按钮将表单的所有内容重置为默认值
submit	用于提交表单的按钮		formaction 用于提交表单的 URL
tel	用于输入电话号码的控件 无验证参数		minlength(maxlength) value 的最小(大)长度（最少字符数目） placeholder 当表单控件为空时，控件中显示的内容 size 控件的大小
url	用于输入 URL 的控件，类似于 text 输入，但有验证参数		minlength(maxlength) value 的最小(大)长度（最少字符数目） placeholder 当表单控件为空时，控件中显示的内容

2.通用属性

属性	描述
value	表单控件的值。以名字/值对的形式随表单一起提交
readonly	布尔值。存在时表示控件的值不可编辑
required	布尔值。表示此值为必填项或者提交表单前必须先检查该值
name	input 表单控件的名字。以名字/值对的形式随表单一起提交
list	自动填充选项的< datalist > 的 id 值
autocomplete	用于表单的自动填充功能。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

例子：

<!-- multiple属性 -->
<input placeholder