本文所介紹的標(biāo)簽：
iframe、a、form、input、table
iframe 標(biāo)簽
嵌套頁面
<iframe src="https://www.baidu.com" name="xxx"></iframe>
<iframe name="12121" src="" frameborder="0"></iframe>
<a target="12121">test</a>
- iframe 可用作鏈接的目標(biāo)（target），
a標(biāo)簽的 target 屬性必須引用 iframe 的 name 屬性
點擊test，a標(biāo)簽鏈接會在iframe中打開 - iframe會自帶一個8px的邊框，用frameborder=“0”去掉
a 標(biāo)簽
跳轉(zhuǎn)頁面（HTTP GET 請求）
<a download>下載</a>
注意：只有 Firefox瀏覽器 和 Chrome瀏覽器 支持 download 屬性。
<a target="_blank"></a>
_blank 新標(biāo)簽頁打開
_self 當(dāng)前頁面打開、
_parent 父級頁面打開
_top 頂級頁面打開
<a ></a>
無協(xié)議絕對地址，會自動繼承協(xié)議（父頁面是什么協(xié)議，就繼承什么協(xié)議）
<a href="#121"></a>
錨點，不會發(fā)起請求，只在當(dāng)前頁面內(nèi)跳轉(zhuǎn)
<a href="#"></a>
跳轉(zhuǎn)到頂部
<a href="?name=yuki"
發(fā)起get請求
<a href="javascript:;"></a>
偽協(xié)議。把JavaScript當(dāng)作協(xié)議（實際沒有這個協(xié)議），所以是偽協(xié)議。
由于javascript里面是分號，a標(biāo)簽點擊后什么也不做。
如果是alert(1); 則點擊跳出彈窗，內(nèi)容為1（一般不這樣做，有需要可在js里面設(shè)置）
form標(biāo)簽
用于搜集不同類型的用戶輸入，提交給服務(wù)器后臺
（文本域，下拉列表，單選框，復(fù)選框等）
<form action="/abc" method="get">
把form里面的內(nèi)容提交到abc文件夾，提交方式是“get”（也可以用post）
get：默認方式。
將表單數(shù)據(jù)（form-data）以名稱/值對的形式附加到 URL 中：
URL?k=value&k=value。（鍵+值）
post：以 HTTP post 事務(wù)的形式發(fā)送表單數(shù)據(jù)（form-data）。
form標(biāo)簽是表單的外殼，主要有4個屬性:
- action： 表單提交的地址
- method：提交保單的方法
- target：在何處打開action（比如target="_blank" ，在新窗口打開頁面）
- enctype：
（默認）application/x-www-form-urlencoded:在發(fā)送前編碼所有字符
multipart/form-data：使用包含文件上傳控件的表單時，必須使用該值！以二進制形式上傳。
通過form表單提交文件操作如下：
<form method="post" action="test" enctype=”multipart/form-data”>
<input type="file" accept=“image/jpg”>
</form>
accept限制可選擇的文件類型
如果一個form里面，只有一個按鈕，按鈕為button（用button標(biāo)簽寫），那么該按鈕會自動升級為submit
<button>真提交按鈕</button>
<input type="submit" value="真提交">
<button type="button">假提交</button>
<input type="button" value="假提交">
input標(biāo)簽
<input>的工作方式因其類型屬性的值而有很大差異，如果未指定此屬性，則采用的默認類型為 text
可用的值包括：
- button：無缺省行為按鈕。
-
checkbox： 復(fù)選框。必須使用 value 屬性定義此控件被提交時的值。使用 checked 屬性指示控件是否被選擇。也可以使用 indeterminate 指示復(fù)選框在一種不確定狀態(tài)（大多數(shù)平臺上，顯示為一條穿過復(fù)選框的水平線）。
checkbox和label一起用，兩種方法：
<input type="checkbox" id="111" name="hobby" value="wine">
<label for="111">喝酒</label>
<label><input type="checkbox" name="hobby" value="wine">喝酒</label>
點擊“喝酒”文字時，會選中相應(yīng)的復(fù)選框
- color：HTML5 用于指定顏色的控件。
- date：HTML5 用于輸入日期的控件（年，月，日，不包括時間）。
- datetime：HTML5 基于 UTC 時區(qū)的日期時間輸入控件（時，分，秒及幾分之一秒）。
- datetime-local：HTML5 用于輸入日期時間控件，不包含時區(qū)。
- email：HTML5 用于編輯 e-mail 的字段。
- file：此控件可以讓用戶選擇文件。使用 accept 屬性可以定義控件可以選擇的文件類型。
- hidden：不顯示在頁面上的控件，但它的值會被提交到服務(wù)器。
- image：圖片提交按鈕。必須使用 src 屬性定義圖片的來源及使用 alt 定義替代文本。還可以使用 height 和 width 屬性以像素為單位定義圖片的大小。
- month：HTML5 用于輸入年月的控件，不帶時區(qū)。
- number: HTML5 用于輸入浮點數(shù)的控件。
- password：一個值被遮蓋的單行文本字段。使用 maxlength 指定可以輸入的值的最大長度 。
- radio：單選按鈕。必須使用 value 屬性定義此控件被提交時的值。使用checked 必須指示控件是否缺省被選擇。在同一個”單選按鈕組“中，所有單選按鈕的 name 屬性使用同一個值； 一個單選按鈕組中是，同一時間只有一個單選按鈕可以被選擇。
- search：HTML5用于輸入搜索字符串的單行文本字段。換行會被從輸入的值中自動移除。
- submit：用于提交表單的按鈕。
- tel：HTML5 用于輸入電話號碼的控件；換行會被自動從輸入的值中移除A，但不會執(zhí)行其他語法?？梢允褂脤傩裕热?pattern 和 maxlength 來約束控件輸入的值。恰當(dāng)?shù)臅r候，可以應(yīng)用 :valid 和 :invalid CSS 偽類。
- text：單行字段；換行會將自動從輸入的值中移除。
table 標(biāo)簽
table里面是一行一行寫的（table row）
<tr>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
小技巧：
- 可在table里面用colgroup 設(shè)置列寬
<colgroup>
<col width=100>
<col bgcolor=red width=200>
<col width=70>
</colgroup>
- 默認的border之間有空隙（雙線邊框），CSS改為如下后，可消除（變?yōu)閱尉€）
<style>
table{
border-collapse:collapse;
}
</style>
