form表单总结

时光总嘲笑我的痴心妄想 提交于 2020-03-26 04:09:04

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()
    })

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

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!