表單是一個包含表單元素的區(qū)域，用戶在表單元素中輸入內(nèi)容，如“文本、密碼、單選、復選、下拉列表等，表單使用<form>標簽包裹。
常用的標簽如下：
| 標簽 | 定義 |
|---|---|
| form | 供用戶輸入的表單 |
| input | 輸入域 |
| textarea | 文本域 |
| select | 定義下拉列表 |
| option | 下拉列表中的選項 |
| label | 控制定義標記 |
| button | 按鈕 |
其中<input>元素是最重要的表單元素，根據(jù)不同的type屬性，表現(xiàn)不同的形式。常用屬性如下：
| type屬性 | 定義 |
|---|---|
| text | 文本輸入 |
| password | 密碼輸入 |
| radio | 單選框 |
| checkbox | 多選框 |
| button | 按鈕 |
| submit | 提交按鈕 |
表單生成后需要提交服務器，提交的話需要在 <form>中添加action屬性和method屬性，如<form action="http//:www.lxweimin.com" method="post">，要有一個submit按鈕，如<input type="submit" value="提交">，而且每一個<input>標簽都需要有name屬性，具備了這些條件才可以提交。
action和method屬性
- action --- 表單提交的地址
- method --- 提交的方法，post和get兩種方式，區(qū)別如下：
- get是從服務器上獲取數(shù)據(jù)，post是向服務器傳送數(shù)據(jù)
- get傳送數(shù)據(jù)較小，不能大于2K，post則不受限制。
- get提交表單到url地址，表單的字段在url上可以看到；post則看不到，更為安全
典型的表單頁面代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表單</title>
</head>
<body>
<form action="book.jirengu.com" method="post">
帳號：<input type="text" name="username">
<br/>
密碼：<input type="password" name="password">
<br/>
性別：<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
<br/>
愛好：<input type="checkbox" name="check" value="song">唱歌
<input type="checkbox" name="check" value="dance">跳舞
<input type="checkbox" name="check" value="ball">打球
<input type="checkbox" name="check" value="write">寫作
<br/>
城市：<select name="city" id="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="廣州">廣州</option>
<option value="深圳">深圳</option>
</select>
<br/>
提交：<input type="submit" name="sub" value="提交">
</form>
</body>
</html>
網(wǎng)頁顯示如下：
表單.jpg
這就是表單元素的簡單用法，之后還會有表單驗證、正則表達式、AJAX等復雜的知識，等學到了再更新。
