一、表單標簽form 表單標簽用於申明表單，定義採集數據的範圍，即<form>包含的數據將被提交到資料庫上，包含了處理表單數據所用CGI程式的URL以及數據提交到伺服器的方法。 表單能夠包含 input 元素，比如文本欄位、覆選框、單選框、提交按鈕等等。還可以包含 menus、textarea、fi
一、表單標簽form
表單標簽用於申明表單，定義採集數據的範圍，即<form>包含的數據將被提交到資料庫上，包含了處理表單數據所用CGI程式的URL以及數據提交到伺服器的方法。
表單能夠包含 input 元素，比如文本欄位、覆選框、單選框、提交按鈕等等。還可以包含 menus、textarea、fieldset、legend 和 label 元素。
三個重要的屬性說明：
1、action指定該表單發送時接受操作的地址
2、method指定表單數據發送的方法。可選值:get、post。get發送則表單內的數據將附加到url後發送（不贊成使用）。post則是在HTTP請求中發送。
3、enctype指定表單數據在發送的伺服器之前如何編碼，特別註意的是，當含有上傳域時要設置編碼方式為enctype="multipart/form-data"， 否則後臺無法獲取到瀏覽器發送的文件數據。是設置表單的MIME編碼。預設情況，這個編碼格式是application/x-www-form- urlencoded，不能用於文件上傳；只有使用了multipart/form-data，form裡面的input的值以2進位的方式傳過去。才能 完整的傳遞文件數據。FTP上傳大文件的時候，也有個選項是以二進位方式上傳。
| enctype的三個選項值 | 描述 |
| application/x-www-form-urlencoded | 在發送前編碼所有字元（預設的編碼方式） |
| multipart/form-data | MIME編碼。以二進位的方式發送數據，當表單含有上傳域時，必須使用後臺才能獲取上傳的文件。 |
| text/plain | 以純文本形式發送 |
完整的表單示例：
1 <form name="input" action="html_form_action.php" method="post">
2 <div class="login-item">
3 <input type="hidden" id="savelogin" name="savelogin" value="0">
4 </div>
5 <div class="login-item">
6 <label for="idInput" class="placeholder" id="idPlaceholder">郵箱: </label>
7 <input class="formIpt formIpt-focus" tabindex="1" title="請輸入帳號" id="idInput" name="username" type="text" maxlength="50" value="" autocomplete="on">
8 </div>
9 <div class="login-item">
10 <label for="pwdInput" class="placeholder" id="pwdPlaceholder">密碼: </label>
11 <input class="formIpt formIpt-focus" tabindex="2" title="請輸入密碼" id="pwdInput" name="password" type="password">
12 </div>
13 <div class="login-item">
14 <label for="date" class="placeholder" id="pwdPlaceholder">日期: </label>
15 <input class="date formIpt-focus" tabindex="2" title="請輸入日期" id="date" name="date" type="date">
16 </div>
17 <div class="login-submit">
18 <button id="loginBtn" class="btn btn-main btn-login" tabindex="6" type="submit">登 錄</button>
19 <button id="loginBtn" class="btn btn-main btn-login" tabindex="6" type="reset">重 置</button>
20 </div>
21 </form>
這裡用到了一個標簽label, label標簽不會向用戶呈現任何特殊效果，它的作用是為滑鼠用戶改進了可用性。如果你在 label 標簽內點擊文本，就會觸發此控制項。就是說，當用戶單擊選中該label標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控制項上（就自動選中和該 label標簽相關連的表單控制項上）。
語法：
<label for="控制項id名稱">
註意：標簽的 for 屬性中的值應當與相關控制項的 id 屬性值一定要相同。
二、input標簽
<input> 標簽用於搜集用戶信息。根據不同的 type 屬性值，輸入欄位擁有很多種形式。輸入欄位可以是文本欄位、覆選框、掩碼後的文本控制項、單選按鈕、按鈕等等。
1、文本域
<input type="text" name="控制項名稱" size="控制項長度" maxlength="填寫最長字元數" value="文字欄位預設值" />
2、密碼域
密碼跟文本框類似，但是在裡面輸入的內容顯示為圓點。
<input type="password" name="控制項名稱" size="控制項長度" maxlength="填寫最長字元數" value="文字欄位預設值" />
3、單選按鈕
<input type="radio" name="單選按鈕名稱" value="單選按鈕的取值" checked="checked" />
男人:<input type="radio" name="sex" value="male" />
<br />
女人：<input type="radio" name="sex" value="female" />
checked屬性表示該項被預設選中。
4、覆選框
<input type="checkbox" name="覆選框的名稱" value="覆選框的值" checked="checked"/>
5、普通按鈕
<input type="button" name="按鈕名" value="按鈕上面的文字" onclick="處理程式"/>
6、重置按鈕
當點擊重置按鈕時，重置按鈕所在的表單將全部清空，而其他表單不受影響。
<input type="reset" name="按鈕名" value="按鈕上面的文字" />
7、提交按鈕
當點擊提交按鈕時，瀏覽器將自動提交表單。
<input type="submit" name="按鈕名" value="按鈕上面的文字" />
8、隱藏域
隱藏域在瀏覽器中並不顯示，僅僅為保存一些不太重要的資料而存在，當用戶提交表單時隱藏域的內容會一起提交。
<input type="hidden" name="隱藏功能變數名稱稱" value="提交的值" />
9、文件域
文件域在上傳文件時常常用到，它用於查找硬碟中的文件路徑，然後通過表單將選中的文件上傳。在發送電子郵件、上傳頭像、傳送文件時會看到這一控制項。
<input type="file" name="文件域的名稱" />
10、圖片按鈕
如果想用圖片作為按鈕來提高網頁的美感，可以使用圖像域創建圖像提交按鈕，這幅圖片即具有按鈕功能。
<input type="image" src="圖像地址" name="圖像功能變數名稱稱" />
三、下拉列表select
select 元素可創建單選或多選菜單。<select&> 元素中的 <option> 標簽用於定義列表中的可用選項。
基本語法：
<select name="下拉菜單名稱">
<option value="選項值" selected="selected">選項顯示內容</option>
<option value="選項值">選項顯示內容</option>
......
</select>
selected表示預設選項。
四、文本域textarea
<textarea> 標簽定義多行的文本輸入控制項。文本區中可容納無限數量的文本，其中的文本的預設字體是等寬字體（通常是 Courier）。
可以通過 cols 和 rows 屬性來規定 textarea 的尺寸，不過更好的辦法是使用 CSS 的 height 和 width 屬性。
提示：在文本輸入區內的文本行間，用 "%OD%OA" （回車/換行）進行分隔。
提示：可以通過 <textarea> 標簽的 wrap 屬性設置文本輸入區內的換行模式。
基本語法：
<textarea name="文本功能變數名稱稱" value="文本域預設值" rows="行數" cols="列數">具體內容</textarea>
