0
点赞
收藏
分享

微信扫一扫

form表单总结

芥子书屋 2022-07-12 阅读 91

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

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

1.action     提交表单的url地址 

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

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

文件上传,必须使用这个

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

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

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



举报

相关推荐

0 条评论