在 HTML 中，按鈕分為 3 種：

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

1、普通按鈕button

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

<input type="button" />

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

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

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

2. 提交按鈕submit

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

<input type="submit" />

我們通過(guò)一段簡(jiǎn)單的代碼來(lái)看一下：

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

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

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

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

3. 重置按鈕

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

<input type="reset" />

示例如下：

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

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

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

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

總結(jié)

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

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