表單按鈕語法格式如下：
<input type="button" value="普通按鈕的取值" onclick="JavaScript腳本程序"/>
我們知道表單按鈕使用的是<input>標簽，而<input>標簽是自閉合標簽，這是因為它沒有結束符號。從自閉合標簽的特點我們知道，表單按鈕是沒有辦法插入其他內容的。
一般標簽都有開始符號和結束符號，而自閉合標簽只有開始符號沒有結束符號。一般標簽開始符號和結束符號之間能插入其他標簽或文字，而自閉合標簽只能定義自身的一些屬性。
而<button>標簽語法格式如下：
<button>文本或圖像</button>
說明：
開始符號<button>與結束符號</button>之間可以插入文本或者圖像。
<button>標簽與表單按鈕相比，<button>標簽開始符號與結束符號之間可以插入其他標簽或文本，因此它的功能更加強大。
舉例1：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
button標簽插入文本：<button>這是一個按鈕</button><br/>
button標簽插入圖像：<button><img src="../App_images/lesson/run_hj/button.jpg" alt=""/></button>
</body>
</html>
在浏覽器預覽效果如下：
分析：
大家可以很清楚地看到，<button>標簽可以插入文本或者其他標簽，並且<button>與</button>標簽之間的所有內容都是按鈕的內容。細心的朋友可能會發現，用在button標簽內部插入<img>圖像，實現效果跟圖片域image有著異曲同工之效。
舉例2：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
button標簽按鈕：<button>這是一個按鈕</button><br/>
表單標簽按鈕：<input type="button" value="這是一個按鈕"/>
</body>
</html>
在浏覽器預覽效果如下：
分析：
這兩個按鈕在浏覽器預覽效果是一樣的，但是代碼實現方式卻不一樣。大家留意一下按鈕中的文字在表單按鈕和button標簽按鈕都是怎樣定義的？表單按鈕顯示的文字是在<input>標簽的屬性value中定義，而button標簽按鈕顯示的文字是在開始符號<button>和結束符號</button>之間定義的。
疑問1、在實際編程中，到底使用表單按鈕呢，還是用button標簽按鈕呢？
在設計表單中，應該使用表單按鈕<input type="button"/>，因為這涉及到提交數據到服務器。如果你想讓按鈕設計得美觀一點，並且不是在表單提交數據的情況下，那就使用button標簽按鈕。
當然，真正的開發中，漂亮美觀的按鈕更多時候是用div標簽來實現，並且結合CSS來修飾。當然，這是後話了。