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