前面我們學(xué)習(xí)了一些常見的表單元素，表單就是用來收集用戶的信息的，比如調(diào)查問卷、用戶登錄網(wǎng)站的頁面等這類的網(wǎng)頁，里面都要用到表單元素，當(dāng)用戶在前端頁面上填入賬號、密碼、或者調(diào)查問卷的答案等等信息之后，就需要提交到后端服務(wù)器，那么這些表單里面的信息是如何提交到后端的呢？

這就要用到提交按鈕。

提交按鈕我們用button標(biāo)簽來實現(xiàn)。

●button標(biāo)簽

標(biāo)簽用來定義一個按鈕。

在標(biāo)簽的起始標(biāo)簽和閉合標(biāo)簽之間，我們可以放置文本或者圖片形式的內(nèi)容。

●button的type屬性

我們知道input標(biāo)簽有一個type屬性，不同的type屬性，就代表不同功能的表單元素。

而同樣的，button標(biāo)簽也有type屬性，button標(biāo)簽不同的type屬性，就代表不同功能的按鈕。

也就是說，button標(biāo)簽的type屬性，規(guī)定了按鈕的類型。

button標(biāo)簽的type屬性我們主要用到以下3個類型值：

①我是普通按鈕--這就是一個普通按鈕。

②提交--這就是一個提交按鈕。

③重置--這就是一個重置按鈕(清除表單數(shù)據(jù))。

說明：

普通按鈕，點擊后沒什么效果變化。

提交按鈕，點擊后，會把表單中的數(shù)據(jù)提交到服務(wù)器，當(dāng)然我們這里在頁面上點擊提交按鈕之后，也提交不到后端去，因為我們沒有后端程序，沒有跟后端做連接。我們先知道，要提交信息都后端，需要用提交按鈕。

提交按鈕我們要寫到form標(biāo)簽里面。

重置按鈕相當(dāng)于初始化、清零的操作，比如你表單里填了一些數(shù)據(jù)，你想重新填寫，你點一下重置按鈕，就會把已經(jīng)填寫的數(shù)據(jù)都清空。

接下來我們做一下效果的演示，我們繼續(xù)在my first html.html這個文件里添加代碼，代碼如下：

瀏覽器中點擊這幾個按鈕效果如下：

補(bǔ)充：

html中的按鈕的定義方式有2種，一種是使用button標(biāo)簽，還有一種就是使用input標(biāo)簽。

區(qū)別在于，button標(biāo)簽是閉合標(biāo)簽，input標(biāo)簽是單標(biāo)簽，也就是button標(biāo)簽起始標(biāo)簽和結(jié)束標(biāo)簽之間可以寫文本或者圖片形式的內(nèi)容，而input標(biāo)簽沒有閉合標(biāo)簽。

所以用input標(biāo)簽創(chuàng)建按鈕，是這樣寫的：

input標(biāo)簽創(chuàng)建按鈕以及它的效果我就不再演示了，這兩種方式都可以，效果一樣的。

總結(jié)

以上是生活随笔為你收集整理的python 新建html_Python学习第226课——html中创建按钮的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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