我們在上網的時候，經常有一些登錄界面進行輸入賬号和密碼，以及我們在網上填一些信息，這些功能的實現都是通過表單來完成的，今天我們就來講講表單。

表單不是指一個标簽，而是指一類标簽。

我們表單裡所有的内容都要寫在<form></form>标簽中 form的action屬性是将表單所填的内容發送到想要發送的後台，而method屬性有兩個值，分别是get和post。get和post的主要區别是get表單所傳的内容會在地址欄裡顯示出來，并且有長度限制，而post表單所傳的内容不會在地址欄顯示出來，并且可以視為沒有長度限制。一般系統默認get。當然get和post的細區别還是有的，在這裡我就不贅述了。

其中最重要的是<input>标簽，input标簽也是單标簽。input标簽的type屬性值不同，其産生的作用也不同：如：<input type="text">産生的是文本框，一般都是我們登錄時輸入的賬号那樣的文本框。<input type="password">,産生的是密碼框，一般都是我們登錄時輸入密碼的那個框框。<input type="submit">産生的是提交框，一般是我們登錄的那個按鈕。這些标簽都有value屬性，但隻有提交框用最合适用，因為文本框和密碼框雖然也會展示出來，但效果卻差強人意，我們一般都用placeholder屬性替代它。

不知大家有沒有在網上做過選擇題，作者是做過的。網頁中的選擇題也是用的input。

input的type屬性值還有radio，是單選框，有幾個選項就寫幾個input，但要注意每一個input裡都要寫相同的name屬性和屬性值，這樣的話浏覽器才會知道這些是同一道題。

既然有單選題那一定也有多選題了，type的checked屬性是多選框，其和單選的用法一樣，也都要注意name一樣的為一道題，還有一個屬性是checked=“checked”，這個可以設定默認選擇的選項。

我們也一定遇到過選擇文字就能勾選而不用非得去點選框的情況，其實input選擇框隻有被點擊的時候才能選中，但有的時候太小不容易點擊甚至有的根本沒有顯示出來，這樣的話用戶體驗就會非常的差，所以我們引進了一個标簽：<label></label>标簽，這個标簽可以實現點擊文字就進行選擇的功能，用法就是将input标簽和文字寫在同一個label标簽中，注意每一個選項寫一起。

我們來看一下代碼和結果：

作者已經盡量去說清楚了，歡迎大家批評指教，希望多多關注[送心]

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!