在 HTML 中,按鈕分為 3 種:1. 普通按鈕普通按鈕默認沒有提交功能,它只是一個可點擊的小裝置,一般情況下,需要配合 腳本才能實現具體的功能。在 HTML 中html中普通按鈕怎么用,把 標簽的 type 屬性設置為 用來表示普通按鈕。具體語法格式如下:
普通按鈕沒有默認內容,我們需要使用 value 屬性為其設置具體內容。代碼如下:
運行結果如圖所示:
圖1:HTML 普通按鈕
2. 提交按鈕提交按鈕可以看成是一種具有特殊功能的普通按鈕。當單擊提交按鈕時,會對表單的內容進行提交。在 HTML 中,當 標簽的 type 屬性值為 時,用來表示提交按鈕。具體語法格式如下:
我們通過一段簡單的代碼來看一下:
運行結果如圖所示:
圖2:HTML 提交按鈕
在上述代碼中,我們并沒有為提交按鈕設置 value 值。但是通過運行結果可以發(fā)現,提交按鈕是有默認值的,默認為提交。如果需要改變其默認值,只需要設置 value 屬性即可。
注意:表單中的字段需要設置 name 屬性才可以進行提交,但是提交按鈕的 name 屬性可以根據需求進行設置,一般情況下不使用。當點擊提交按鈕后,表單中含有 name 屬性的數據會發(fā)送到表單服務器,后臺經過操作便可以拿到用戶輸入的內容。
3. 重置按鈕重置按鈕也可以看成是一種具有特殊功能的普通按鈕,單擊重置按鈕可以清除用戶在表單中輸入的信息。把 標簽的 type 屬性設置為 reset 用來表示重置按鈕。重置按鈕也有默認值,默認值為重置。具體語法格式如下:
示例如下:
運行結果如圖所示:
圖3:HTML 重置按鈕
接下來我們看一下點擊重置按鈕后的效果:
圖4:點擊 reset 后的效果
通過運行結果發(fā)現,數據沒有清空。這是為什么呢?
這里需要大家注意的是,reset 按鈕只能清空用戶在表單中輸入的內容,對于提前設置好的內容不會清空。
不同瀏覽器對于一些標簽會有不同的樣式設置html中普通按鈕怎么用,以上均使用谷歌瀏覽器。