HTML ＜form＞ 元素的使用

对于HTML 元素的使用分为两种

1. 传统提交表单
2. 前后端分离
   

现在还是很多公司使用第一种方式提交，主要是为了SEO优化，这样我们前端只需要在form中填写属性，在submit按钮中进行提交，下面来简单的介绍一下form中的属性

action
处理表单提交的 URL。这个值可被 、 或 元素上的 formaction 属性覆盖。
enctype
当 method 属性值为 post 时，enctype 就是将表单的内容提交给服务器的 MIME 类型 。可能的取值有：
application/x-www-form-urlencoded：未指定属性时的默认值。
multipart/form-data：当表单包含 type=file 的 元素时使用此值。
text/plain：出现于 HTML5，用于调试，普通文本。
这个值可被 、 或 元素上的 formaction 属性覆盖。

method
默认get请求
浏览器使用这种 HTTP 方式来提交 表单. 可能的值有：
post：指的是 HTTP POST 方法；表单数据会包含在表单体内然后发送给服务器.
get：指的是 HTTP GET 方法；表单数据会附加在 action 属性的 URL 中，并以 ‘?’ 作为分隔符，没有副作用 时使用这个方法。

target
表示在提交表单之后，在哪里显示响应信息。在 HTML 4 中, 这是一个 frame 的名字/关键字对。在 HTML5 里，这是一个浏览上下文 的名字/关键字（如标签页、窗口或 iframe）。下述关键字有特别含义：
_self：默认值。在相同浏览上下文中加载。
_blank：在新的未命名的浏览上下文中加载。
_parent：在当前上下文的父级浏览上下文中加载，如果没有父级，则与 _self 表现一致。
_top：在最顶级的浏览上下文中（即当前上下文的一个没有父级的祖先浏览上下文），如果没有父级，则与 _self 表现一致。
此值可以被 、 或 元素中的 formtarget 属性覆盖。
accept-charset
此列表包括了服务器支持的字符编码。浏览器以这些编码被列举的顺序使用它们。默认值是一个保留字符串 “UNKNOWN”。此字符串指的是，和包含此表单元素的文档相同的编码。
在之前版本的 HTML 中，不同的字符编码可以用空格或逗号分隔。在 HTML5 中，只有空格可以允许作为分隔符。