form表单总结

Posted 2020-10-17

form表单是一个基础的表单控件，最近做扫码登陆使用到，在这里记录一下

<form action="url" method="get" target="_blank"></form>

1.action     提交表单的url地址 

2.enctype  对表单数据进行编码（发送表单数据之前）

   2.1.application/x-www-form-urlencoded  对所有数据二进制编码

   2.2.multipart/form-data                            不对数据进行编码，表单中文件上传，必须使用这个

   2.3.text/plain                                            将空格“ ”变为“+”

3.method  发送的方式 类似于ajax的type用法

4.name   表单的名字

5.target   属性规定在何处打开 action的URL，不设置的话会在本页面直接打开url （类似a标签）

_blank	在新窗口中打开。
_self	默认。在本页面框架中打开。
_parent	在父框架集中打开。
_top	在整个窗口中打开。
framename	在指定的框架中打开。

（在 html 4.01 中，不赞成使用 form 元素的 target 属性；在 XHTML 1.0 Strict DTD 中，不支持该属性）

H5新加属性：

6.autocomplete  提示功能  用于input类型  有兼容性

   6.1  on  启用

   6.2  off  禁用

7.novalidate  禁用自带验证  用于input类型 H5为input提供了自己的验证方式，输错，再提交时候 会爆红提示错误 这个属性是禁用这个功能的

novalidate="novalidate"

扫码支付的话不需要使用明文表单，更不希望别人看到表单的内容 ，所以一般使用动态添加的方式

 $("btn").click(function(){
        form = $("<form></form>");
        form.attr(‘action‘,"url");
        form.attr(‘method‘,‘post‘);
        myinput = $("<input type=‘hidden‘ name=‘pwd‘/>");
        myinput.attr(‘value‘,‘你要上传的值‘);
        form.append(myinput);
        form.appendTo("body");
        form.css(‘display‘,‘none‘);
        form.submit()
    })

　　在创建表单的同时，将表单提交 

目前先这么多 以后继续补充