本節(jié)我們講html表單標(biāo)簽，當(dāng)你在網(wǎng)頁輸入框提交一個數(shù)據(jù)，這條數(shù)據(jù)一般是提交給了服務(wù)器，然后服務(wù)器根據(jù)請求返回你想要的數(shù)據(jù)，這個你輸入信息的輸入框或者提交的按鈕就是HTML表單，所以HTML標(biāo)簽是用來收集用戶數(shù)據(jù)的。例如你使用百度查詢資料。輸入內(nèi)容的輸入框就是一個表單：
HTML 表單用于搜集不同類型的用戶輸入，<form> 元素定義 HTML 表單，我們先來看一個簡單的表單標(biāo)簽例子：
上邊的例子<input type="text"> 定義用于文本輸入的單行輸入字段。
<input> 有很多輸入類型。<input type="text"> 定義供文本輸入的單行輸入字段；<input type="password"> 定義密碼字段；<input type="submit"> 定義提交表單數(shù)據(jù)至表單處理程序的按鈕；<input type="radio"> 定義單選按鈕；<input type="checkbox"> 定義復(fù)選框； <input type="number"> 用于應(yīng)該包含數(shù)字值的輸入字段等。
上邊的例子是定義單行輸入字段，我們來看一個定義密碼字段的例子：
submit的例子，定義提交表單數(shù)據(jù)至表單處理程序的按鈕：
單選按鈕輸入的例子，其中“男性”和“女性”兩個按鈕只能選擇其中一個：
復(fù)選框的例子，其中有兩個選框“I have a bike”和“I have a car”，可以選擇一個、兩個或者不選，當(dāng)然，復(fù)選框可以有很多個：
數(shù)值輸入字段的例子，以下例子能夠?qū)?shù)字做出限制，但是需要瀏覽器支持：
以上是 <input> 表單元素相關(guān)內(nèi)容，HTML表單除了<input> 元素，還有<select> 元素、<option> 元素、<textarea> 元素、<button> 元素等，接下來我們用例子看看效果:
<select> 元素定義下拉列表：
<option> 元素定義待選擇的選項,列表通常會把首個選項顯示為被選選項, 我們可以通過添加 selected 屬性來定義預(yù)定義選項，我們可以看下邊的下拉列表，默認顯示的選項是“Fiat”:
<textarea> 元素定義多行輸入字段（文本域）：
<button> 元素定義可點擊的按鈕，其中onclick="alert('Hello World!')"我們后續(xù)會在JS中講解，目前只要知道點擊會彈出窗口返回引號中的字符串就行：
HTML表單中最重要的表單元素是 <input> 元素，input屬性的用法我們也很有必要學(xué)習(xí)一下：
value 屬性規(guī)定輸入字段的初始值，以下例子“First name”默認值為”zhangsan”：
readonly 屬性規(guī)定輸入字段為只讀（不能修改）,以下例子默認值”zhangsan”是不可修改的，但是上邊的例子”zhangsan”可以自行修改：
disabled 屬性規(guī)定輸入字段是禁用的，被禁用的元素是不可用和不可點擊的，被禁用的元素也不會被提交：
size 屬性規(guī)定輸入字段的尺寸（以字符計），以下例子可以看到輸入框尺寸加長：
maxlength 屬性規(guī)定輸入字段允許的最大長度，以下例子輸入字段不能超過10個字段：
以上是我們今天學(xué)習(xí)的HTML表單標(biāo)簽常見內(nèi)容，詳細的屬性或者更多的用法大家可以查閱資料進行學(xué)習(xí)，另外<form> 元素的不同屬性還有幾個重要的屬性是必須要用到的：action 屬性、target 屬性和method 屬性，這些我們后續(xù)會在講服務(wù)器端編程的時候詳細講解，今天我們大概提一下：
action 屬性定義提交表單時要執(zhí)行的操作，通常，當(dāng)用戶單擊“提交”按鈕時，表單數(shù)據(jù)將發(fā)送到服務(wù)器上的文件中：
target 屬性規(guī)定提交表單后在何處顯示響應(yīng)，_blank響應(yīng)顯示在新窗口或選項卡中；_self響應(yīng)顯示在當(dāng)前窗口中；_parent響應(yīng)顯示在父框架中；_top響應(yīng)顯示在窗口的整個 body 中；framename響應(yīng)顯示在命名的 iframe 中，默認值為 _self，這意味著響應(yīng)將在當(dāng)前窗口中打開：
method 屬性指定提交表單數(shù)據(jù)時要使用的 HTTP 方法，表單數(shù)據(jù)可以作為 URL 變量（使用 method="get"）或作為 HTTP post 事務(wù)（使用 method="post"）發(fā)送，提交表單數(shù)據(jù)時，默認的 HTTP 方法是 GET，下面的例子在提交表單數(shù)據(jù)時使用 POST 方法：
這里我們要注意的是使用GET 方法提交，提交后表單值在新的瀏覽器標(biāo)簽頁的地址欄中是可見的；使用 POST 方法提交，提交后與 GET 方法不同，表單值在新瀏覽器的地址欄中不可見，所以敏感信息是不能使用GET 方法提交的，當(dāng)然，這些我們后續(xù)在服務(wù)器端編程會詳細講解。
以上就是今天的內(nèi)容，歡迎關(guān)注科技現(xiàn)象，我們會整理學(xué)習(xí)計算機語言方面最基礎(chǔ)的知識給大家，方便大家學(xué)習(xí)和查閱，共同讓計算機給我們工作生活提供更好的服務(wù)。
