HTML表单

表单标签

<form>

用<fieldset>组合表单数据 ---[可以为表单加一个框]
　　<legend> 元素为 <fieldset> 元素定义标题

---

表单属性（9个）

Action ：规定提交表单时，向何处发送数据Method ：规定提交表单所使用的HTTP方法（GET或POST）

何时使用 GET？
　　如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息
　　GET 最适合少量数据的提交。浏览器会设定容量限制
　　使用GET时 ：表单数据在页面地址栏中是可见的
何时使用 POST？
　　如果表单正在更新数据，或者包含敏感信息（例如密码）
　　使用POST时 ：表单数据在页面地址栏中是可见的

Name ：规定识别表单的名称（对于DOM使用document.forms.name）---【如果要正确被提交，每个输入字段必须设置一个name属性】accept-charset ：规定在提交表单中所使用的字符集（默认：页面字符集）       enctype ：规定被提交数据的编码（默认：url-encoded）        target ：规定 action 属性中地址的目标（默认：_self）  autocomplete ：规定表单或输入字段是否应该自动完成（默认：开启）【当自动完成开启，浏览器会基于用户之前的输入值自动填写值】    novalidate ：规定浏览器不验证表单【如果设置，则 novalidate 规定在提交表单时不对表单数据进行验证】

表单元素（5个）

<input> ：定义输入控件（根据不同的type值）
<select> ：定义下拉列表
<option> ：定义下拉列表的列表项列表（通常会把首个选项显示为被选选项。通过selected属性来定义预定义选项）
<textarea> ：定义多行输入文本
<button> ：定义【可点击的按钮】

--- #

<input>元素

type属性-输入类型 ：（6个）
　　button   ：定义按钮
　　text     ：定义供文本输入的【单行文本输入字段】。---（默认宽度为20）
　　password ：定义【密码字段】。---（password 字段中的字符会被做掩码处理（显示为星号或实心圆））
　　submit   ：定义提交表单数据至表单处理程序的【提交按钮】
　　radio    ：定义【单选按钮】。---（若要实现单选，必须使得name属性值相同）
　　CheckBox ：定义【复选框】

H5中新增的-输入类型 ：（13个）　　number ：用于应该包含数字值的输入字段【能够对数字做出限制】　　date   ：用于应该包含日期的输入字段。根据浏览器支持，日期选择器会出现输入字段中　　color  ：用于应该包含颜色的输入字段。根据浏览器支持，颜色选择器会出现输入字段中　　range  ：用于应该包含一定范围内的值的输入字段。根据浏览器支持，输入字段能够显示为滑块控件　　month  ：允许用户选择月份和年份。根据浏览器支持，日期选择器会出现输入字段中　　week   ：允许用户选择周和年。根据浏览器支持，日期选择器会出现输入字段中　　time   ：允许用户选择时间（无时区）。根据浏览器支持，时间选择器会出现输入字段中　　datetime ：允许用户选择日期和时间（有时区）。根据浏览器支持，日期选择器会出现输入字段中　　datetime-local ：允许用户选择日期和时间（无时区）。根据浏览器支持，日期选择器会出现输入字段中　　email  ：用于应该包含电子邮件地址的输入字段。根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证　　search ：用于搜索字段（搜索字段的表现类似常规文本字段）　　tel    ：用于应该包含电话号码的输入字段。目前只有 Safari 8 支持 tel 类型　　URL    ：用于应该包含 URL 地址的输入字段。根据浏览器支持，在提交时能够自动验证 url 字段

　　    value ：规定输入字段的【初始值】　　readonly  ：规定输入字段为【只读（不能修改）】。---（readonly 属性不需要值。它等同于 readonly="readonly"）　　disabled  ：规定输入字段是【禁用的】。---（被禁用的元素是不可用和不可点击的），被禁用的元素不会被提交）　　    size  ：规定输入框的【长度】。（以字符计）　 maxlength  ：规定输入字段允许的【最大长度】

H5中新增的一些属性 ：　　autofocus  ：是布尔属性。【如果设置，则规定当页面加载时 <input> 元素应该自动获得焦点】　     　form  ：规定 <input> 元素所属的一个或多个表单。【输入字段位于 HTML 表单之外（但仍属表单）】---（如需引用一个以上的表单，请使用空格分隔的表单 id 列表）　 　multiple  ：是布尔属性。如果设置，则规定允许用户在 <input> 元素中输入一个以上的值。【适用于以下输入类型：email 和 file实现多个文件上传】placeholder   ：规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。【该提示会在用户输入值之前显示在输入字段中。】　 　required  ：是布尔属性。如果设置，则规定在提交表单之前必须填写输入字段　     　list  ：引用的 <datalist> 元素中包含了 <input> 元素的预定义选项。【使用 <datalist> 设置预定义值的 <input> 元素】　  　pattern  ：规定用于检查 <input> 元素值的正则表达式。　     　step  ：规定 <input> 元素的合法数字间隔 【示例：如果 step="3"，则合法数字应该是 -3、0、3、6、等等】
　　height 和 width 属性 ：规定 <input> 元素的高度和宽度。【height 和 width 属性仅用于 <input type="image">】

form…… 【属于同一类型，会覆盖form原有的属性】　  　formaction ：规定当提交表单时处理该输入控件的文件的 URL。　 　formenctype ：规定当把表单数据（form-data）提交至服务器时如何对其进行编码（仅针对 method="post" 的表单）　  　formmethod ：定义用以向 action URL 发送表单数据（form-data）的 HTTP 方法　formnovalidate ：是布尔属性。如果设置，则规定在提交表单时不对 <input> 元素进行验证。　  　formtarget ：规定的名称或关键词指示提交表单后在何处显示接收到的响应

输入类型限制属性 ：　　max ：规定输入字段的【最大值】　　mix ：规定输入字段的【最小值】　　maxlength ：规定输入字段的【最大字符数】　　disable   ：规定输入字段应该被禁用　　readonly  ：规定输入字段为【只读（不可修改）】　　required  ：规定输入字段【必须填写】　　size  ：规定输入字段的【宽度（以字符计）】　　step  ：规定输入字段的【合法输入间隔】　　value ：规定输入字段的【默认值】　　pattern ：规定通过其检查输入值的正则表达式

---

---