在 HTML 中，按鈕分為 3 種：

• 普通按鈕
• 提交按鈕
• 重置按鈕

1、普通按鈕button

普通按鈕默認沒有提交功能，它只是一個可點擊的小裝置，一般情況下，需要配合 JavaScript 腳本才能實現(xiàn)具體的功能。在 HTML 中，把 <input> 標簽的 type 屬性設(shè)置為 button 用來表示普通按鈕。具體語法格式如下：

<input type="button" />

普通按鈕沒有默認內(nèi)容，我們需要使用 value 屬性為其設(shè)置具體內(nèi)容。代碼如下：

<form action="" method="post"><input type="button" value="普通按鈕"/> </form>

運行結(jié)果如圖所示：

2. 提交按鈕submit

提交按鈕可以看成是一種具有特殊功能的普通按鈕。當單擊提交按鈕時，會對表單的內(nèi)容進行提交。在 HTML 中，當<input> 標簽的 type 屬性值為 submit 時，用來表示提交按鈕。具體語法格式如下：

<input type="submit" />

我們通過一段簡單的代碼來看一下：

<form action="" method="post"><input type="submit"/> </form>

運行結(jié)果如圖所示：

在上述代碼中，我們并沒有為提交按鈕設(shè)置 value 值。但是通過運行結(jié)果可以發(fā)現(xiàn)，提交按鈕是有默認值的，默認為提交。如果需要改變其默認值，只需要設(shè)置 value 屬性即可。

注意：表單中的字段需要設(shè)置 name 屬性才可以進行提交，但是提交按鈕的 name 屬性可以根據(jù)需求進行設(shè)置，一般情況下不使用。當點擊提交按鈕后，表單中含有 name屬性的數(shù)據(jù)會發(fā)送到表單服務(wù)器，后臺經(jīng)過操作便可以拿到用戶輸入的內(nèi)容。

3. 重置按鈕

重置按鈕也可以看成是一種具有特殊功能的普通按鈕，單擊重置按鈕可以清除用戶在表單中輸入的信息。把 <input> 標簽的 type 屬性設(shè)置為 reset 用來表示重置按鈕。重置按鈕也有默認值，默認值為重置。具體語法格式如下：

<input type="reset" />

示例如下：

<form action="" method="post">用戶名 <input type="text" name="username" value="username"/>密碼：<input type="password" name="psd" value="123456"/><input type="reset"/> </form>

通過運行結(jié)果發(fā)現(xiàn)，數(shù)據(jù)沒有清空。這是為什么呢？

這里需要大家注意的是，reset 按鈕只能清空用戶在表單中輸入的內(nèi)容，對于提前設(shè)置好的內(nèi)容不會清空。

不同瀏覽器對于一些標簽會有不同的樣式設(shè)置，以上均使用谷歌瀏覽器。

總結(jié)

以上是生活随笔為你收集整理的22、HTML按钮的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。