首页 > 其他分享 >FormData的submitter参数

FormData的submitter参数

时间:2023-09-26 13:22:05浏览次数:57  
标签:form FormData value event 参数 submitter button

简单来说

1. button可以携带value值,并且在点击button时候,form提交会带上button的value

<button name="foo" value="bar" type="submit">Submit</button>

2. button带值可以有多个

<form action="/test-form" method="post">
    <button name="_action" value="delete" type="submit">Delete</button>
    <button name="_action" value="disable" type="submit">Disable</button>
</form>

3. 直接 new FormdData 不会携带button的value

const formdata = new FormData(form);

4. 使用 submitter 参数,可以指定提交某个button的value

form.addEventListener("submit", function (event) {
    event.preventDefault();
    const formdata = new FormData(form, event.submitter);
});

 

 

具体可参考 The submitter parameter for FormData 

标签:form,FormData,value,event,参数,submitter,button
From: https://www.cnblogs.com/mengff/p/17729871.html

相关文章

  • 真空干燥箱:工作原理、特点、技术参数及使用方法
    真空干燥箱是一种常用的实验室设备,它通过降低环境气压和升高温度,快速有效地去除样品中的水分和溶剂。由于其具有干燥速度快、干燥效果好、使用方便等优点,真空干燥箱在科研、制药、化工、食品等领域得到了广泛应用。本文将介绍真空干燥箱的工作原理、特点、技术参数及使用方法等方面......
  • file文件上传后 添加水印 并且生成file文件 使用formData上传
    functionhecheng(){//创建一个canvasconstd2=testCanvas.getContext('2d');//准备图片1consturl=URL.createObjectURL(file.files[0]);varimg=docu......
  • uni 组件自带方法怎么传自定义参数下去
    html<pickermode="selector"class="pickers"@change="PickerLittleChange($event,operatingState)" :value="indexs"range-key="dictLabel":range="operatingState"> <viewclas......
  • sv 变量赋值,参数传递
    systemverilog变量赋值,参数传递1、变量类型systemverilog中的变量可以分为两种,一种普通变量类型,一种是句柄变量类型。普遍变量跟C/C++中的普通变量一样,而句柄变量则与C/C++中的指针变量或者引用变量类似。内置类型,比如int,bit,这些类型定义的变量都是普通变量。自定义的cla......
  • Curl 常用参数
    (1)-X为请求方法,如curl-XPUT即接口为PUT方法,curl-XPOST即为POST方法,curl-XGET为GET方法,如不带-X直接请求,则默认为GET请求,比如核心运管登录的接口测试使用口令curl-XGEThttp://10.19.185.216:17150/asab-web/visual/getAllCameracurl-XPOSThttp://10.19.185.216:1715......
  • 修改jmeter的jvm参数
    加班途中开发问加的jvm参数怎么没生效,随即补一篇。 windowsjmeter.bat中,添加:setHEAP=-Xms2g-Xmx2g-XX:MaxMetaspaceSize=512msetGC_ALGO=-XX:+UseG1GC-XX:MaxGCPauseMillis=100-XX:G1ReservePercent=20 linuxjmeter中,添加:HEAP="-Xms2g-Xmx2g-XX:MaxMetaspa......
  • Ubuntu中文件编译时gcc的链接参数-lm
    在Terminal中使用gcc编译.c文件时,本以为参数的位置是十分宽松的,比如 -o目标名 与 编译条件 是可以互换位置的。正如此例:将hello.c文件编译成可执行文件hello时,gcc-ohellohello.c与gcchello.c-ohello两条编译命令是等价的。但当遇到代码文件中遇到数学函数时,在......
  • MTK联发科MTK6795/MT6795T/MT6795M核心板参数区别对比介绍
    联发科MT6795处理器是专门为高端智能手机打造的SoC,也是联发科首款支持2K屏幕的64位真八核4GLTE解决方案。它采用了ARM的八核Cortex-A53架构,主频最高达2.2GHz,支持2100万摄像头,支持LTECat.4网络,采用28nm制程。GPU方面:MT6795搭载PowerVR的G6200系列;内存支持方面:MT6795支持双通道LPDD......
  • Elasticsearch 配置参数
    Elasticsearch配置参数1.elasticsearch配置文件说明:elasticsearch: bin: lib: modules: logs: plugins: config: elasticsearch.yml#elasticsearch配置文件 jvm.options#jvm配置文件 log4j2.properties#......
  • iperf3:网络测试工具及测试用例+参数详解
    1,iperf3简介iPerf3是用于主动测试IP网络上最大可用带宽的工具。它支持时序、缓冲区、协议(TCP,UDP,SCTP与IPv4和IPv6)有关的各种参数。对于每次测试,它都会详细的带宽报告,延迟抖动和数据包丢失。它与原始iPerf不共享任何代码,也不向后兼容。它是一个C/S架构的测试工具,需要在同时运......