html Form表单嵌套

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”,

发布了6 篇原创文章 · 获赞 0 · 访问量 162

猜你喜欢

转载自blog.csdn.net/qq_41912398/article/details/103900105