html Form表单嵌套

html编写form表单的时候，某些特殊情况会需要form表单嵌套或者在form表单外部input框来输入值，这时候字需要设置一下input框的form属性即可

Form表单嵌套：

<form id="f1" action="a1"><input id="i1" form="f1"><form id="f2" action="a2"><input id="i2" form="f2"><input type="submit" value="提交2"></form><input type="submit" value="提交1">
</form>

此时点击提交2的时候，将是提交id="i2"的<input>的值到 action=“a2”，
点击提交1的时候提交的将是id="i1"的<input>的值到action=“a1”，

Form表单外部input框输入值：

<form id="f1" action="a1"><input id="i1" form="f1"><input id="i2" form="f2"><input type="submit" value="提交1">
</form>
<form id="f2" action="a2"><input type="submit" value="提交2">
</form>

此时点击提交2的时候只提交id="i2"的<input>的值到action=“a2”，
点击提交1的时候提交的将只是id="i1"的<input>的值到action=“a1”，

html Form表单嵌套相关推荐

form表单嵌套，用标签的form属性来解决表单嵌套的问题
form表单嵌套,用标签的form属性来解决表单嵌套的问题参考文章: (1)form表单嵌套,用标签的form属性来解决表单嵌套的问题 (2)https://www.cnblogs.com/jpfs ...
如何提交form表单嵌套（提交表单外的数据方法）
如何提交form表单嵌套,form表单不能嵌套使用! 解决思路:将嵌套的form表单提取到最外层,将表单外要提交的数据,提交随表单提交而提交! 方法如下: <form action=" ...
关于 form表单嵌套问题的解决方案
我们经常是这样嵌套的: <form id="formId1" action="" method="post"> //表单1< ...
vue3 antd项目实战——Form表单使用【v-model双向绑定数据，form表单嵌套input输入框、Radio单选框】
vue3 ant design vue项目实战--单选框(Radio)的使用以及Form表单的双向绑定知识调用(form表单的源代码附在文章最后) 场景复现实现需求 form表单整体架构的搭建 i ...
Form表单嵌套一个Input引发，页面刷新或者白屏问题
之前做一个关于electron-vue的项目,在上线之后引发了白屏的问题当时在测试环境的时候,但是只会有页面刷新的问题,在控制台上确实能看到,数据刷新了,然后试着打完包之后,确实是会有白屏的问题,且 ...
前端_网页编程 Form表单与模板引擎（上）
目录一.form表单的基本使用 1. 什么是表单? 2. 表单的组成部分 3. < form>标签的基本属性 3.1 action 3.2 target 3.3 method 3.4 e ...
一前端基础，http协议，form表单
一,web服务的本质: 浏览器中敲入网站回车发生的几件事? 1.游览器向服务端发送请求 2.服务端接受请求 3.服务端返回相应的响应 4.浏览器接受响应根据特定的规则渲染页面展示给用户看二: HT ...
html表单怎么设置编码,form 表单设置编码和页面编码
var isIE=!!window.ActiveXObject; if(isIE && document.charset!="utf-8")location.rel ...
Html前端基础（form表单、img标签、a href标签、id的作用）
文章目录一.img标签二.a标签(带href) 三.form表单本篇主要分析Html前端开发中的img图片标签.a href超链接标签.form表单标签,其中form是重点一.img标签 1. ...

html Form表单嵌套

html Form表单嵌套

Form表单嵌套：

Form表单外部input框输入值：

html Form表单嵌套相关推荐

最新文章

热门文章