一，什么是表單

• 可以收集用戶的信息和反饋意見，是網站管理者與瀏覽者之間溝通的橋梁。如下圖：

經典表單

二，表單標簽<form>

• 所有的表單內容都應放在<form>標簽內部，如下圖：

form標簽

• 如上圖所見，表單標簽<form>有兩個屬性action和method
  1.action：這個屬性規定該表單提交的信息存儲的文件以及它的地址，例如：

此時該表單提交的信息就會存儲在XXX.php文件里

三，輸入標簽<input>

• 用處：<input>標簽一般用于給用戶輸入信息，服務器收集用戶輸入的信息；
• <input>標簽的用法
  1.用戶名：<input type = "text" name="username">，和密碼框一樣都是單行輸入框，用于給用戶輸入賬號用戶名之類；
  效果：
  
  用戶名輸入
  
  2.密碼框：<input type = "password" name="password">，用于給用戶輸入密碼，輸入后信息會被偽裝成小圓點；
  效果：
  
  密碼框輸入后信息被偽裝成小圓點
  
  3.單選框：<input type = "radio" name="sex" value="男"> ,用于給用戶選擇只能選擇一項的選擇,
  PS：
  ①：單選框name屬性必須要有，且每個選項的name值必須相同；
  ②：value屬性的值也要有，否則提交后服務器顯示的是on，就不能獲悉提交的內容是什么；
  效果：
  
  單選框

4.復選框：<input type = "checkbox" name="car" value="奧迪">，多項選擇
PS：復選框name屬性的值可以不一樣，但是推薦一樣方便用于分類；
效果：

復選框

5.文件上傳：<input type="file" name = "上傳文件的在服務器的名字" accept="規定文件類型">，用于給用戶上傳文件
效果：

文件上傳

6.隱藏域：<input type="hidden" name = "上傳到服務器該數據的key" value="上傳到服務器該數據的值">
用戶看不見這個區域，常用于暫存數據和安全性校驗；

四，下拉菜單標簽<select><option>

• 用法：

下拉菜單

• 效果：

~~~~~~~~~~~~~~~

五，文本域<textarea>

• 用法：

  
  
  常用于評論和留言

六，<label>標簽

• 用法：給輸入框起名，并且點擊這個名字就能自動跳轉到該輸入框，有for屬性，鏈接該<label>標簽的<input>標簽要填寫id屬性，并且id屬性的值和for屬性的值要相等；

• 圖示：

  
  
  label標簽用法

七，一些常用的<input>標簽屬性

• placeholder：用于提示用戶該輸入框內容，如下：

placeholder

• selected：默認選項，未選擇情況下默認選擇該選項，如下：

selected

• maxlength：規定輸入框的最大輸入字數，如下：

maxlength

• disabled：該輸入框禁止輸入，如下：

disabled