如何使用Form標記，html格式化按鈕？

我使用下面的方法添加一個按鈕鏈接到另一個頁面：如何使用Form標記，html格式化按鈕？

<TD> 
    <FORM METHOD="LINK" ACTION="page2.html"> 
     <INPUT TYPE="submit" VALUE="to Page 2"> 
    </FORM> 
</TD>

我明白，我們可以更改CSS使用button{...}按鈕的外觀，但如果該按鈕是一個表單標籤一樣上面，我們如何格式化它？感謝您的幫助。

表單沒有method="link"，你並不需要一個形式到另一個網頁。

使用a：

<a href="page2.html">to Page 2</a>

，或者如果你想有一個按鈕：

<button onclick="javascript:window.location.href='page2.html';">to Page 2</button>

，並給它一個id像<button id="btn" ...那麼你可以給它任何你想要的風格：

<style type="text/css"> 
    #btn { 
     background-color: green; 
     color: white; 
     font-weight: bold; 
     /* etc */ 
    } 
</style>

2015-05-14 01:54:04 Samurai

感謝您指出我的錯誤！ – user3735871

的CSS將是：input[type=submit] {background-color: #999;}

input[type=submit]是選擇器。

您可以將任何規則添加到此樣式

2015-05-14 01:48:57 TripsLeft

使用選擇器的CSS樣式元素。選擇器可以是很多類，如類，元素屬性或名稱。大多數這些選擇器不會在乎你的按鈕是否在表單中。

<TD> 
    <FORM METHOD="LINK" ACTION="page2.html"> 
     <INPUT TYPE="submit" class="button" VALUE="to Page 2"> 
    </FORM> 
</TD>

在這個例子中，我已經添加了一個類到你的按鈕。

.button { 
    border: 1px solid black; 
}

然後這個CSS規則將它連接到所有具有按鈕類的元素。這裏是解釋CSS如何工作的基本底漆：

2015-05-14 01:51:41

回答