4.表單的定義

表單是什麼，其作用是什麼？我們首先要先弄清楚概念，我所理解的表單就是收集使用者填寫的資訊並將其提交到後臺伺服器。前者是概念，後者是作用。

4.1表單的屬性以及表單的提交方式get和post區別

《from標籤》

表單有兩種屬性：如下

Action屬性：指定提交的地址；

Method屬性：指定提交的方式，get/post。

而get/post的區別在於：

作用上：GET一般用於獲取/查詢資源資訊，而POST一般用於更新資源資訊。

方式上：Get是向伺服器發索取資料的一種請求，而Post是向伺服器提交資料的一種請求，

安全性：Get提交資料時會明文，而POST則不會。

資料的限制：Get提交資料最多是1024位元組，而POST沒有限制。

4.2文字框與密碼框

文字框的屬性：

Maxlength：指定文字框能接收的最大字元個數

Size：指定輸入框的長度（在網頁上面輸入框的長度）

Value：指定輸入框中的初始值，例如123，會預設填好123，可以進行修改。

密碼框：

密碼框和文字框的屬性一樣，但是為了其安全性考慮，密碼框會以掩碼形式顯示。

4.3 label

為了更好地顯示效果，我們會對前面的文字也加以美化，所以就有了《label》標籤，而

<label>的作用：

（1）可以單獨對其應用相應的樣式

（2）For屬性可以使之和某個<input>關聯，即當單擊文字會啟用對應的<input>.程式碼如下

4.4單選按鈕

我們在選擇的時候所需要點選的按鈕，只能選擇一個結果。

如果需要將若干單選按鈕編為一組（一組最多隻有一個被選中），需要設定相同的name屬性。

如果需要預設選中某個選項，需要加上checked屬性。例如：

假如有兩個check屬性，則系統會預設選擇唯一沒有check的那個屬性。

4.5多選按鈕

我們有時候會遇到需要有多個選擇的情況，這個時候就需要用到多選按鈕了。

多選按鈕與單選按鈕的區別就在於<type>型別的選擇  這個時候

type型別：checkbox,例如：

4.6提交按鈕

提交按鈕type型別：submit，點選按鈕之後跳轉到form表單指定的Action

4.7重置按鈕

type屬性：reset

點選這個按鈕，輸入框內就會重置。

4.8普通（圖片）按鈕

（1）Value屬性：value對應的值就是按鍵上顯示的文字

（2）圖片按鈕：作用和submit按鈕作用是一樣的

（3）需要設定src屬性的值，如果src對應的路徑沒有找到圖片並且又沒有設定alt屬性，按鈕顯示預設值“提交”，如果設定了alt屬性則顯示alt的值。

4.9<button>標籤

（1）內容可以是任意資源（eg：圖片，段落，視訊..）

（2）當Button標籤放置在表單form內部，作用和submit是一樣的

持續更新中..........