在HTML中，常見的按鈕有3種：普通按鈕（）；提交按鈕（）；重置按鈕（reset）。
一、普通按鈕
在HTML中，普通按鈕一般情況下都是配合來進行各種操作的。
語法：
<input type="button" value="取值" />
說明：
value的取值就是按鈕上的文字。
舉例：
<html>
<head>
<meta charset="utf-8" />
<title>title>
<script>
window.onload = function ()
{
var oBtn = document.getElementsByTagName("input");
oBtn[0].onclick = function ()
{
alert("I ? HTML！");
};
}
script>
head>
<body>
<form method="post">
<input type="button" value="表白"/>
form>
body>
html>
瀏覽器預覽效果如下圖所示。
分析：
對于這段功能代碼，我們不需要理解，等學到本書的部分就懂了。當我們點擊按鈕后，會彈出對話框，如下圖所示。
二、提交按鈕
在HTML中，提交按鈕一般都是用來給服務器提交數據的。我們可以把提交按鈕看成是一種特殊功能的普通按鈕。
語法：
<input type="submit" value="取值" />
說明：
value的取值就是按鈕上的文字。
舉例：
<html>
<head>
<meta charset="utf-8" />
<title>title>
head>
<body>
<form method="post">
<input type="button" value="普通按鈕"/>
<input type="submit" value="提交按鈕"/>
form>
body>
html>
瀏覽器預覽效果如下圖所示。
分析：
提交按鈕與普通按鈕從外觀上是沒有什么不同的，兩者的區別在于功能上。對于初學者來說，暫時了解一下就行。
三、重置按鈕reset
在HTML中，重置按鈕一般用來清除用戶在表單中輸入的內容。重置按鈕也可以看成是具有特殊功能的普通按鈕。
語法：
<input type="reset" value="取值" />
說明：
value的取值就是按鈕上的文字。
舉例：
<html>
<head>
<meta charset="utf-8" />
<title>title>
head>
<body>
<form method="post">
賬號：<input type="text" /><br />
密碼：<input type="password" /><br />
<input type="reset" value="重置" />
form>
body>
html>
瀏覽器預覽效果如下圖所示。
分析：
當我們在文本框中輸入內容，然后按下重置按鈕，會發現內容被清空了！其實，這就是重置按鈕的功能。
不過我們要注意一點：重置按鈕只能清空它“所在form標簽”內表單中的內容html中普通按鈕怎么用，對于當前所在form標簽之外的表單清除是無效的。
舉例：
<html>
<head>
<meta charset="utf-8" />
<title>title>
head>
<body>
<form method="post">
賬號：<input type="text" /><br />
密碼：<input type="password" /><br />
<input type="reset" value="重置" /><br />
form>
昵稱：<input type="text" />
body>
html>
瀏覽器預覽效果如下圖所示。
分析：
當我們在所有文本框中輸入內容，然后點擊重置按鈕，會發現只會清除這個重置按鈕所在form標簽內的表單。這里順便提一下，提交按鈕也是針對當前所在form標簽而言的。
舉例：
<html>
<head>
<meta charset="utf-8" />
<title>title>
head>
<body>
<form method="post">
<input type="button" value="按鈕" />
<input type="submit" value="按鈕" />
<input type="reset" value="按鈕" />
form>
body>
html>
瀏覽器預覽效果如下圖所示：
分析：
3種按鈕雖然從外觀上看起來是一樣的，但是實際功能卻是不一樣的。最后，我們總結一下普通按鈕、提交按鈕以及重置按鈕的區別。
四、標簽
從上面我們知道，普通按鈕、提交按鈕以及重置按鈕這3種按鈕都是使用input標簽來實現的。其實還有一種按鈕是使用標簽來實現的。
語法：
<button>button>
說明：
在實際開發中，比較少用到標簽html中普通按鈕怎么用，暫時簡單了解一下即可。