站長資訊網
在html中，表單是一個包含表單元素的區(qū)域，主要用于收集不同類型的用戶輸入，需要使用表單標簽form來定義；而表單元素是允許用戶在表單中輸入內容的控件，比如輸入標簽（input）、文本域（textarea）等等。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
表單是一個包含表單元素的區(qū)域。
表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。
表單通過<form>標簽來創(chuàng)建，其中放置表單的對象，如表單域、按鈕和其他事物：
<form> .... 表單元素 .... </form>
常見的表單元素
1、input 輸入標簽
多數(shù)情況下被用到的表單標簽是輸入標簽（<input>）。
<input type="text" >
<input> 元素根據不同的 type 屬性，可以變化為多種形態(tài)。
| 值 | 描述 |
|---|---|
| button | 定義可點擊的按鈕（通常與 JavaScript 一起使用來啟動腳本）。 |
| checkbox | 定義復選框。 |
| color | 定義拾色器。 |
| date | 定義 date 控件（包括年、月、日，不包括時間）。 |
| datetime | 定義 date 和 time 控件（包括年、月、日、時、分、秒、幾分之一秒，基于 UTC 時區(qū)）。 |
| datetime-local | 定義 date 和 time 控件（包括年、月、日、時、分、秒、幾分之一秒，不帶時區(qū)）。 |
| 定義用于 e-mail 地址的字段。 | |
| file | 定義文件選擇字段和 "瀏覽…" 按鈕，供文件上傳。 |
| hidden | 定義隱藏輸入字段。 |
| image | 定義圖像作為提交按鈕。 |
| month | 定義 month 和 year 控件（不帶時區(qū)）。 |
| number | 定義用于輸入數(shù)字的字段。 |
| password | 定義密碼字段（字段中的字符會被遮蔽）。 |
| radio | 定義單選按鈕。 |
| range | 定義用于精確值不重要的輸入數(shù)字的控件（比如 slider 控件）。 |
| reset | 定義重置按鈕（重置所有的表單值為默認值）。 |
| search | 定義用于輸入搜索字符串的文本字段。 |
| submit | 定義提交按鈕。 |
| tel | 定義用于輸入電話號碼的字段。 |
| text | 默認。定義一個單行的文本字段（默認寬度為 20 個字符）。 |
| time | 定義用于輸入時間的控件（不帶時區(qū)）。 |
| url | 定義用于輸入 URL 的字段。 |
| week | 定義 week 和 year 控件（不帶時區(qū)）。 |
2、textarea 文本域
<textarea> 元素定義多行輸入字段（文本域）：
<textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>
3、button 按鈕
<button> 元素定義可點擊的按鈕：
4、select 下拉列表，option待選擇的選項
<select> 元素定義下拉列表，<option> 元素定義待選擇的選項。
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
下拉列表通常會把首個選項顯示為被選選項。但可以通過添加 selected 屬性來定義預定義選項。
推薦教程：《html視頻教程》
