表單標籤 form 的使用

一，什麼是表單

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

二，表單標籤<form>

• 全部的表單內容都應放在
  標籤內部，以下圖：

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

2. method：這個屬性規定該表單的提交方式，方式有兩個 get/post，默認是 get PS： get和 post的不一樣點： ①：提交數據的方式不一樣， get能夠再url上看到提交的數據， post會在url上隱藏提交的數據； ②： get只能提交少許數據，數據的容量是1k之內； post能夠提交大量數據，可是不能超過服務器的容量； ③： get提交的數據會顯示在瀏覽歷史中，安全性比 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="規定文件類型">，用於給用戶上傳文件 效果：

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

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

• 用法：

• 效果：

五，文本域< textarea >

• 用法：

  

六，標籤

• 用法：給輸入框起名，而且點擊這個名字就能自動跳轉到該輸入框，有for屬性，連接該標籤的標籤要填寫id屬性，而且id屬性的值和for屬性的值要相等；
• 圖示：

  

七，一些經常使用的<input>標籤屬性

• placeholder：用於提示用戶該輸入框內容，以下：

• selected：默認選項，未選擇狀況下默認選擇該選項，以下：

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

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