如何顯示在下面的另一種形式一種形式的按鈕，如果他們是

Question

在同一頁

上這些都是在同一個頁面兩種形式

HTML

<form> 
    <input type="text" name="text"><br> 
    <input type = "submit" class="btn btn-primary"> 
</form><br> 

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

我想BTN-主要如下第二種形式（包含btn-default）。

Answer 1

根據HTML5，您可以在輸入中使用form id。 form屬性指定該元素所屬的一個或多個表單。欲瞭解更多信息，請看看Input Attributes - HTML5

形式ID - >指定<input>元素屬於表單元素。 此屬性的值必須是同一文檔中的<form> 元素的id屬性。

所以在這裏，你可以做的是：給id爲form1（或任何你想要的ID）。並且，在下面的<input type='submit'..>中聲明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"> 

Answer 2

display:flex可以在這裏做的伎倆。

給出父元素display:flex和flex-direction: column;。這裏我給body作爲沒有其他父元素。

and order:2 to first form element。它將改變第一個形式元素的次序。所以，它會顯示在下面。

Working Fiddle

Answer 3

一套自己的絕對位置，然後使用z索引，以確定哪個是哪個了。

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

應該工作。

你需要設置左/右和上/下的位置，但希望你能明白。