1.<iframe></iframe>標簽 iframe(inner frame)為內聯框架，iframe元素是可以創建包含另外一個文檔的行內框架，是body 的子集 常用屬性： width 設置內聯框架的寬度 height 設置內聯框架的高度 name 設置框架的名稱 src 設置頁面內容的路徑 ...
1.<iframe></iframe>標簽
iframe(inner frame)為內聯框架，iframe元素是可以創建包含另外一個文檔的行內框架，是body 的子集
常用屬性：
- width 設置內聯框架的寬度
- height 設置內聯框架的高度
- name 設置框架的名稱
- src 設置頁面內容的路徑
- scrolling 規定在iframe中是否顯示滾動條（yes/no/auto）
- frameborder 規定是否顯示iframe邊框（1預設有邊框，0）
iframe語法示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe框架測試</title>
</head>
<body>
<iframe src="" name="topframe" frameborder="0" width="100%" height="300px" >需要的文本</iframe>
<a href="http://www.baidu.com" target="topframe">百度</a>
<a href="http://www.sina.com.cn" target="topframe">新浪</a>
</body>
</html>
2.<form></form>標簽
form標簽用於創建HTML表單，表單一般應該包含用戶填寫信息的輸入框和提交信息的按鈕，即控制項
常用屬性：
name，表單提交時的名稱
action，提交表單的目標地址URL
method，表單提交方式，規定用於發送form-data的HTTP方法，參數值包括 get 和 post，預設未get
get和post的區別：
get提交的數據URL中可以看到，post看不到
get一般用於提交少量數據，post用來提交大量數據
get最多提交1K數據，post理論上沒有限制
get提交的數據在瀏覽器歷史記錄中，安全性不好，但速度相對較快
enctype，規定發送表單數據到伺服器之前如何對其進行編碼，
屬性值包含"multipart/form-data"（不對字元編碼）、“application/x-www-form-urlencoded”（對所有字元編碼）、text/plain（空格轉換為“+”但不對特殊字元編碼）
3.form表單常用元素input
input為單標簽，<input type="" name="" value=""/>，常用屬性：
type（預設為text）
text，定義單行文本輸入欄位，預設寬度為20個字元
password，定義密碼欄位，該欄位中的字元被掩碼
button，定義可點擊的按鈕，多數情況下用於啟動JavaScript腳本
checkbox，定義覆選框
radio，定義單選按鈕，必須通過相同的name屬性值來達到單選的控制效果
submit，定義提交按鈕，提交按鈕會把表單數據發送到伺服器
reset，定義重置按鈕，重置按鈕會清除表單中所有數據
image，定義圖像形式的提交按鈕
hidden，定義隱藏的輸入欄位
file，定義輸入欄位和“瀏覽”按鈕，供文件上傳
★★type值為file時的input要註意以下幾點：
form表單的method值要為post
form屬性必須設置enctype="multipart/form-data"，不對字元編碼，這個屬性說明文件以二進位方式傳輸，因為電腦最底層是以二進位顯示和傳輸
enctype預設屬性值為“application/x-www-form-urlencoded”，在表單數據發送前對所有字元編碼
語法示例：
<form action="" name="" method="post" enctype="multipart/form-data">
<input type="file" name="bigfile">
</form>
name，input元素的名稱
value，規定input元素的值
width / height，設置input欄位寬度/高度，適用於“type=image”
checked，規定次input元素在首次載入時預設選中
readonly，規定input欄位為只讀項
required，規定input欄位為必填項
4.<select></select>標簽，創建下拉框
語法示例
<select name="">
<option value="">顯示文本</option>
<option value="">顯示文本</option>
<option value="">顯示文本</option>
</select>
<select>常用屬性：
name，規定下拉列表的名稱
size，規定下拉列表中每屏可見選項的數目
mutiple，規定可選多個選項
disabled，規定禁用該下拉列表
required，規定欄位為必填項
<option>常用屬性：
value，定義<option>選項的值，與顯示文本不同，value值是真正發送至伺服器的內容
select，規定首次進入頁面時，預設選中該項option
<optgroup>可以作為<option>的父級元素配合使用，label是optgroup的必須屬性，用於描述選項組或命名
5.<textarea></textarea>多行文本框標簽
常用屬性：
name，定義文本區的名稱
cols，定義文本區內的可見寬度
rows，定義文本區內的可見行數
wrap，定義在表單提交時，文本區域中的文本如何換行
有hard和soft兩個屬性值，
wrap=“hard”，提交表單時，textarea中的文本換行（包含換行符），此時必須規定“cols”屬性值
wrap=“soft”，提交表單時，textarea中的文本不換行，wrap的預設值為soft
6.<label></label>標簽為input元素定義標註
<label>是input的描述，本身不具有特定效果，但和<input>標簽配合使用可以提升用戶體驗，用戶不用必須點擊到按鈕，而是點擊文字也可以選中，如記住密碼覆選框、性別單選按鈕等
使用方法由兩種：一種是<label>標簽直接包裹<input>標簽，另一種是通過<label>的for屬性指向按鈕的id進行綁定（for和id的屬性值必須相同）
語法示例：
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male"/>
<label for="female">Female</label>
<input type="radio" name="sex" id="female"/>
</form>
或者 <br/>
<form>
<label><input type="radio" name="sex">Male</label>
<label><input type="radio" name="sex">Female</label>
</form>
7.<fieldset></fieldset>標簽可將表單內的相關元素分組，是塊級元素
通常和<legend>標簽一起使用，legend用於定義fieldset的提示信息
語法示例：
<fieldset>
<legend>健康信息</legend>
身高：<input type="text"><br>
體重：<input type="text">
</fieldset>
