一，什么是表單
- 可以收集用戶的信息和反饋意見，是網(wǎng)站管理者與瀏覽者之間溝通的橋梁闯团。如下圖：
經(jīng)典表單
二，表單標簽<form>
- 所有的表單內容都應放在<form>標簽內部仙粱，如下圖：
form標簽
- 如上圖所見房交，表單標簽
<form>有兩個屬性action和method
1.action：這個屬性規(guī)定該表單提交的信息存儲的文件以及它的地址，例如：
此時該表單提交的信息就會存儲在XXX.php文件里
2.
method：這個屬性規(guī)定該表單的提交方式伐割，方式有兩個get/post候味，默認是getPS：
get和post的不同點：①：提交數(shù)據(jù)的方式不同淹遵，
get可以再url上看到提交的數(shù)據(jù)，post會在url上隱藏提交的數(shù)據(jù)负溪；②：
get只能提交少量數(shù)據(jù)透揣，數(shù)據(jù)的容量是1k以內；post可以提交大量數(shù)據(jù)川抡，但是不能超過服務器的容量辐真；③：
get提交的數(shù)據(jù)會顯示在瀏覽歷史中，安全性比post要差崖堤；④：
post是給：一般用于賬號密碼的輸入侍咱；get是要：一般用于搜索引擎的關鍵詞提交；
三密幔，輸入標簽<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="規(guī)定文件類型">，用于給用戶上傳文件
效果：
文件上傳
6.隱藏域：<input type="hidden" name = "上傳到服務器該數(shù)據(jù)的key" value="上傳到服務器該數(shù)據(jù)的值">
用戶看不見這個區(qū)域想许，常用于暫存數(shù)據(jù)和安全性校驗伶授；
四，下拉菜單標簽<select><option>
- 用法：
下拉菜單
- 效果：
~~~~~~~~~~~~~~~
五流纹，文本域<textarea>
-
用法：
常用于評論和留言
六糜烹，<label>標簽
- 用法：給輸入框起名，并且點擊這個名字就能自動跳轉到該輸入框漱凝，有for屬性疮蹦，鏈接該<label>標簽的<input>標簽要填寫id屬性，并且id屬性的值和for屬性的值要相等茸炒；
-
圖示：
label標簽用法
七愕乎，一些常用的<input>標簽屬性
- placeholder：用于提示用戶該輸入框內容阵苇，如下：
placeholder
- selected：默認選項，未選擇情況下默認選擇該選項感论，如下：
selected
- maxlength：規(guī)定輸入框的最大輸入字數(shù)绅项，如下：
maxlength
- disabled：該輸入框禁止輸入，如下：
disabled
