HTML <form> 元素的使用
对于HTML 元素的使用分为两种
- 传统提交表单
- 前后端分离
现在还是很多公司使用第一种方式提交,主要是为了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 中,只有空格可以允许作为分隔符。
下一篇: 机器学习-数据预处理
推荐阅读
-
position:fixed对元素影响的疑问?_html/css_WEB-ITnose
-
HTML中的table,form元素初体验
-
使用python提取html文件中的特定数据的实现代码
-
前端笔记-通过jQuery获取input数据及html中name的使用
-
Oracle Form中COMMIT的概述及使用技巧
-
【转载】C#中ArrayList集合类使用RemoveAt方法移除指定索引的元素
-
html中关于表单标签form的使用详解
-
html2canvas的使用_html/css_WEB-ITnose
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
mssql sqlserver 使用sql脚本输出交替不同的背景色的html信息的方法分享