form表单相关

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

概述 作用

• HTML

  元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。

• 可以用：valid 和 ：invalid css 伪类来指定元素指定样式。

• form 属性

accept 一个逗号分隔的列表，包括服务器能接受的内容类型。
accept-charset
一个空格分隔或逗号分隔的列表，这个列表包括了服务器支持的字符编码。浏览器以这些编码被列举的顺序使用它们。默认值是一个保留字符串“UNKNOWN”。这个字符串指的是，和包含这个form元素的文档相同的编码。
在之前版本的HTML中，不同的字符编码可以用空格或逗号分隔。在HTML5中，只有空格可以允许作为分隔符。
action
一个处理这个form信息的程序所在的URL。这个值可以被 or 元素中的formaction属性重载

autocomplete

用于指示 input 元素是否能够拥有一个默认值，这个默认值是由浏览器自动补全的。这个设定可以被属于这个form的子元素的 autocomplete
属性重载（覆盖）。 可能的值有:off

1. off 在每一个用到的输入域里，用户必须显式的输入一个值，或者document 以它自己的方式提供自动补全；浏览器不会自动补全输入。

2. on 浏览器能够根据用户之前在form里输入的值自动补全。

enctype

当 method 属性值为 post 时, enctype 是提交form给服务器的内容的 [MIME 类型]。可能的取值有:

1. application/x-www-form-urlencoded: 如果属性未指定时的默认值。
2. multipart/form-data : 这个值用于一个 type 属性设置为 "file" 的元素。
   3.text/plain (HTML5)

method

浏览器使用这种 方式来提交 form. 可能的值有:

1. post: 指的是 HTTP,表单数据会包含在表单体内然后发送给服务器.
2. get: 指的是 HTTP表单数据会附加在 URI action 属性中并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做（数据暴露在URI里面）没什么副作用，或者表单仅包含ASCII字符时，再使用这种方法吧。)

name

这个form的名字。在HTML4中，这个用法不被推荐(作为替代，应该使用id). HTML5中，一个文档中的多个form当中，name必须唯一而不仅仅是一个空字符串。

target
一个名字或者说关键字，用来指示在提交表单之后，在哪里显示收到的回复. 在 HTML 4 里, 这是一个用于 frame 的名字/关键字. 在 HTML5 里, 这是一个用于 browsing context 浏览器上下文 的名字/关键字 (举例来说, 标签页tab, 窗口window, or 或者行内 frame). 如下的关键字含有特别的含义:
1._self: 在当前HTML4或HTML5文档页面重新加载返回值。这个是默认值。译注：也就是说如果这个文档在一个frame中的话，self是在当前frame（document）中重新加载的，而不是整个页面（window）。
2._blank: 以新的HTML4或HTML5文档窗口加载返回值。
3._parent: 在父级的frame中以HTML4或HTML5文档形式加载返回值，如果没有父级的frame，行为和_self一致。
4._top: 如果是HTML 4文档: 清空当前文档，加载返回内容；HTML5: 在当前文档的最高级内加载返回值，如果没有父级，和_self的行为一致。
5.iframename: 返回值在指定frame中加载。

例子：

Name:

Name:

Title

Click me

常用的input 标签 及其作用？

在如何根据其价值的作品有很大的差别type的属性，因此不同类型的覆盖在自己单独的参考页。如果未指定此属性，则采用的默认类型为text。
1.[button]
：没有默认行为的按钮。

2.[checkbox]
：复选框允许选择/取消选择单个值。

3.[color]
：用于指定颜色的控件。
颜色选择器的UI没有必要的功能，而不是接受简单的颜色作为文本

4.[date]
:用于输入日期的控件（年，月，日，没有时间）。

5.[email]
:用于编辑电子邮件地址的字段。

6.[file]
：允许用户选择文件的控件。 使用accept属性来定义控件可以选择的文件类型。

7.[image]
：图形提交按钮。您必须使用src属性来定义图像的源和alt属性来定义替代文本。
您可以使用height和width属性来定义图像的大小（以像素为单位）。

8.[month]
：用于输入一个月和一年的控件，没有时区。

9.[number]
：用于输入数字的控件。

10.[password]
：其值被遮蔽的单行文本字段。使用maxlength属性来指定可以输入的值的最大长度。

11.[number]
:用于输入数字的控件。

12.[password]
: 其值被遮蔽的单行文本字段。使用maxlength属性来指定可以输入的值的最大长度。

13.[radio]
：单选按钮，允许从多个选择中选择一个值。

14.[range]
:用于输入确切值不重要的数字的控件。

15.reset
：将表单内容重置为默认值的按钮。

16.[search]
: 用于输入搜索字符串的单行文本字段.换行符将自动从输入值中删除。

17.[submit]
：提交表单的按钮。

18.[tel]
 ：用于输入电话号码的控件。换行符将自动从输入值中删除，但不会执行其他语法。

您可以使用诸如pattern和maxlength之类的属性来限制在控件中输入的值。
19.[text]
：单行文本字段。换行符将自动从输入值中删除。

20.[time]
 :用于输入没有时区的时间值的控件。

21.[url]
：用于编辑URL的字段。在提交之前，输入值被验证为包含空字符串或有效的绝对URL。
您可以使用诸如pattern和maxlength之类的属性来限制在控件中输入的值。

22 [week]
:用于输入不含时区的星期数和周号的日期的控件。