HTML——form表單

表單主要是用來收集客戶端提供的相關信息，提供了用戶數據錄入的方式，有多選、單選、單行文本、下拉列表等輸入框，便於網站管理員收集用戶的數據，是Web瀏覽器和Web服務器之間實現信息交流和數據傳遞的橋梁.

表單被form標簽包含，內部使用不同的表單元素來呈現不同的方式來供用戶輸入或選擇。當用戶輸入好數據后，就可以把表單數據提交到服務器端。

一個表單元素有三個基本組成部分：

• 表單標簽，包含了表單處理程序所在的URL以及數據提交到服務器的方法等表單信息。

• 表單域，包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框和文件上傳框等表單控件。

• 表單按鈕，包括提交按鈕、復位按鈕和一般按鈕，用於將數據傳送到服務器上的CGI腳本或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳本的處理工作。

在HTML中創建表單用form標簽。每個表單都可以包含一到多個表單域或按鈕。form標簽常用的屬性如下：

屬性	值	描述
action	訪問服務器地址	服務器端表單處理程序的URL地址
method	post、get[默認值]	表單數據的提交方法
target	參考超鏈接的target屬性	表單數據提交時URL的打開方式
enctype	application/x-www-form-urlencoded[默認值] multipart/form-data [用於文件上傳] text/plain [用於純文本數據發送]	表單提交數據時的編碼方式

例子：

<h3>用戶注冊</h3>

  <form action="http://127.0.0.1:8800" method="get">
       <p><label for="user">姓名</label>： <input type="text" name="user" id="user"></p>
       <p>密碼： <input type="password" name="pwd"></p>
       <p>愛好：
           <input type="checkbox" name="hobby" value="basketball">籃球
           <input type="checkbox" name="hobby" value="football">足球
           <input type="checkbox" name="hobby" value="shuangseqiu" checked>雙色球
       </p>
       <p>性別：
           <input type="radio" name="gender" value="men">男
           <input type="radio" name="gender" value="female">女
           <input type="radio" name="gender" value="qita">其他
       </p>
      <p>生日：<input type="date" name="birth"></p>
      
      <p>籍貫：
          <select name="province" id="" multiple size="2">
              <option value="">廣東省</option>
              <option value="" selected>山東省</option>
              <option value="">河北省</option>
          </select>
      </p>
      <p>
          <textarea name="" id="" cols="30" rows="10" placeholder="個人簡介"></textarea>
      </p>

      <div>
          <p><input type="reset" value="重置"></p>
          <p><input type="button" value="普通按鈕"></p>
          <p><button>普通按鈕</button></p>
          <p><input type="submit" value="提交"></p>
      </div>

  </form>

　　

———— form標簽的所有屬性：

 

<form> 標簽的所有屬性

所有屬性	描述
action	規定用戶點擊提交按鈕時，表單被提交到的位置。
method	規定表單提交時所使用的 http 請求方法，只能是 get 或 post 中的任意一種。
name	定義表單的名稱，不能包含特殊字符和空格。
accept-charset	規定在被提交表單中使用的字符集（默認：頁面字符集）。
autocomplete	規定瀏覽器應該自動完成表單（默認：開啟）。
enctype	規定被提交數據的編碼（默認：url-encoded）。
novalidate	規定瀏覽器不驗證表單。
target	規定 action 屬性中地址的目標（默認：_self）。