对于网页中的form元素，method 属性的get和post有何不同？

Posted 2023-04-18

get和post是http请求的两种方式；
一般来说，get方式应用于获取数据（查询），而不对数据本身做更改，post方式应用于修改数据（增删改）。
get和post表现形式上的差别简单列举如下，
浏览器缓存：
浏览器可能会缓存get请求结果，而不会缓存post请求结果；
get和post对参数的处理：
get请求参数直接存在于URI（可以简单理解为get请求是拼接URI），并能在地址栏看到，post请求参数会存放到专门的body中，不会在地址栏中显示。 参考技术A 1、Get 方法通过 URL 请求来传递用户的数据，将表单内各字段名称与其内容，以成对的字符串连接，置于 action 属性所指程序的 url 后，如url，xxx.com/test?name=asd&id=123
2、Post 方法通过 HTTP post 机制，将表单内各字段名称与其内容放置在 html 表头(header)内一起传送给服务器端交由 action 属性能所指的程序处理
3、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post

HTML5都有哪些新的表单属性

参考技术A 新增表单元素：

用于表单的密钥对生成器字段
不同类型的输出，比如脚本的输出。
新增表单属性：

autocomplete 自动完成
novalidate不验证数据
formaction 用于描述表单提交的URL地址，会覆盖
元素中的action属性.

formenctype 表单提交到服务器的数据编码 (只对form表单中 method="post" 表单)
formmethod 表单提交方式，会覆盖 的method 属性。
formnovalidate 表单提交无需被验证，会覆盖 元素的novalidate属性.
formtarget 表单提交数据接收后，怎么的展示。
list 表示input输入域的 datalist（datalist 是输入域的选项列表）
min max step ** 用来给input 类型为数字或日期的添加限定约束的
multiple 多种多样表示 元素中可选择多个值。
pattern 正则表达式用于验证 元素的值。
placeholder 占位提供一种提示（hint），描述输入域所期待的值。
required 被要求的，必须的， 规定必须在提交之前填写输入域（不能为空）。
step 步伐、一步、步长，规定输入域合法的数字间隔