| 屬性 | 屬性值 | 描述 |
| text | 單行文本輸入框 | |
| password | 密碼輸入框 | |
| radio | 單選按鈕 | |
| checkbox | 復選框 | |
| type | button | 普通按鈕 |
| submit | 提交按鈕 | |
| reset | 重置按鈕 | |
| image | 圖像形式的提交按鈕 | |
| file | 文件域 |
| 屬性 | 屬性值 | 描述 |
| name | 由用戶自定義 | 控件的名稱 |
| value | 由用戶自定義 | input控件中的默認文本值 |
| size | 正整數 | input控件在頁面中的顯示寬度 |
| checked | checked | 定義選擇控件默認被選中的項 |
| maxlength | 正整數 | 控件允許輸入的最多字符數 |
⑴type屬性（表單類型）
①這個屬性通過改變值，可以決定你屬於哪種 input 表單；
② type="text" 就表示文本框可以做用戶名、昵稱等；
用戶名：<input type="text"/>
③type="password" 就是表示密碼框，用戶輸入的內容是不可見的；
⑵value屬性（文本值）
①value 默認的文本值，有些表單想打開頁面就默認顯示幾個字，就可以通過這個value來設置；
⑶name屬性（表單名字）（現在用的較少，學ajax和后台時是必需的）
①name表單的名字，后台可以通過這個name屬性找到這個表單。頁面中的表單很多，name主要作用就是用於區別不同的表單；
②name 屬性后面的值，是我們自己定義的；
③radio 如果是一組，那我們必需給它們命名相同的名字 name，這樣就可以多個選其中的一個啦。
④例子： <input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
⑷checked屬性（默認選中）
①表示默認選中狀態，較常見於單選按鈕和復選按鈕；
②默認選中了 男 這個選項：
如：<input type="radio" name="sex" value="男" checked="checked"/> 男
<input type="radio" name="sex" value="女" /> 女
㈢ label標簽（理解）
1、目標：label 標簽主要目的是為了提高用戶體驗，為用戶提供最優秀的服務。
2、概念：label 標簽為 input 元素定義標注（標簽）。
3、作用：用於綁定一個表單元素，當點擊 label 標簽的時候，被綁定的單元元素就會獲得輸入焦點。
即，當我們鼠標點擊label標簽里面的文字時，光標會定位到指定的表單里面。
4、綁定元素的方法：
⑴方法一：用 label 直接包括 input 表單（適合單個表單選擇）
如：<label> 用戶名：<input type="radio" value="請輸入用戶名" name="username"/> </label>
⑵方法二：for 屬性規定 label 與哪個表單屬性綁定
如：<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
㈣ textarea控件（文本域）
1、語法：<textarea cols="每行中的字符數" rows="顯示的行數">
| 表單 | 名稱 | 區別 | 默認值顯示 | 用於場景 |
| input type="text" |
文本框 | 只能顯示一行文本 | 單標簽，通過value顯示默認值 | 用戶名、昵稱、密碼等 |
| textarea | 文本域 | 可以顯示多行文本 | 雙標簽，默認值寫到標簽里 | 留言板 |
㈤ select下拉列表
1、目的：如果有多個選項讓用戶選擇，為了節約空間，我們可以使用select控件定義下拉列表。
2、語法：<select>
| 屬性 | 屬性值 | 作用 |
| action | url地址 | 用於指定接受並處理表單數據的服務器程序的url地址 |
| method | get/post | 用於設置表單數據的提交方式，其取值為get或post |
| name | 名稱 | 用於指定表單的名稱，以區分同一個頁面中的多個表單 |