form表单相关 form表单相关

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

HTML
元素表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。
可以用：valid 和：invalid css 伪类来指定元素指定样式。
form 属性

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

autocomplete

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

off 在每一个用到的输入域里，用户必须显式的输入一个值，或者document 以它自己的方式提供自动补全；浏览器不会自动补全输入。
on 浏览器能够根据用户之前在form里输入的值自动补全。

enctype

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

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

method

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

post: 指的是 HTTP,表单数据会包含在表单体内然后发送给服务器.
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]
：提交表单的按钮。