Html 如果一个窗体与另一个窗体位于同一页面上，如何在另一个窗体下方显示该窗体的按钮

这是同一页中的两个表单

HTML

---

我想要第二个表单（包含btn默认值）下面的btn主表单。

display:flex

可以在这里实现

给父元素

显示：flex

和

flex方向：列。这里我将
body
作为其他父元素

和
顺序：2
到第一个表单元素。它将改变第一个表单元素的顺序。因此，它将显示在下面

body {
    display: flex;
    flex-direction: column;
}
form:first-child {
    order: 2;
}

display:flex
可以在这里实现这一功能

给父元素
显示：flex
和
flex方向：列。这里我将
body
作为其他父元素

和
顺序：2
到第一个表单元素。它将改变第一个表单元素的顺序。因此，它将显示在下面

body {
    display: flex;
    flex-direction: column;
}
form:first-child {
    order: 2;
}

将它们的位置设置为绝对位置，然后使用z索引确定哪个位置在哪个位置之上

.positioned-divs { position:absolute; }
.positioned-divs.div-under { z-index:1; }
.positioned-divs.div-over { z-index:2; }

应该有用

您还需要设置左/右和上/下位置，但希望您能明白这一点。
将它们的位置设置为绝对位置，然后使用z索引确定哪个位置在哪个位置之上

.positioned-divs { position:absolute; }
.positioned-divs.div-under { z-index:1; }
.positioned-divs.div-over { z-index:2; }

应该有用

您还需要设置左/右和上/下位置，但希望您能理解。
根据HTML5，您可以在输入中使用
表单id
。
form
属性指定元素所属的一个或多个表单。有关更多信息，请查看

表单id->指定
元素所属的表单元素。
此属性的值必须是

元素在同一文档中

所以在这里，您可以做的是：将
id
作为
form1
（或者，您想要的任何id）提供。并且，在
中声明
form=“form1”
，如下所示

<form id="form1">
  <input type="text" name="text"> <br>
</form>

<br>

<form>
  <input type="email" name="email"><br>
  <input type = "submit" class="btn btn-default">
</form>

<input type="submit" class="btn btn-primary" form="form1">








根据HTML5，您可以在输入中使用
表单id
。
form
属性指定元素所属的一个或多个表单。有关更多信息，请查看

表单id->指定
元素所属的表单元素。
此属性的值必须是

元素在同一文档中

所以在这里，您可以做的是：将
id
作为
form1
（或者，您想要的任何id）提供。并且，在
中声明
form=“form1”
，如下所示

<form id="form1">
  <input type="text" name="text"> <br>
</form>

<br>

<form>
  <input type="email" name="email"><br>
  <input type = "submit" class="btn btn-default">
</form>

<input type="submit" class="btn btn-primary" form="form1">








您没有理解问题您没有理解问题您需要将类名btn primary转换为第二种形式？？？@Yankie:发生了什么？我的回答对你没有帮助？ya thanx@NanaPartykar工作正常，很抱歉耽搁了。。我没有试过。。。我的网络提供商有问题。你需要将类名btn primary转换成第二种形式？？？@Yankie:发生了什么事？我的回答对你没有帮助？ya thanx@NanaPartykar工作正常，很抱歉耽搁了。。我没有试过。。。我的网络供应商有问题。。