HTML入門（二） && 原生常用標籤
摘要：
1. form
跳轉頁面（HTTP POST請求）
如果form表單中沒有提交按鈕就無法提交
<input type=“submit” value=“提交”>
提交內容被檢視（method屬性）
post 請求會在chrome開發者工具的N...
1. form
跳轉頁面（HTTP POST請求）
- 如果form表單中沒有提交按鈕就無法提交
<input type=“submit” value=“提交”>
提交內容被檢視（method屬性）
- post 請求會在chrome開發者工具的Network中的Form Data中看到自己提交的內容（明文會被檢視）
- get 請求會在url的引數上帶上自己提交的內容（明文會被檢視）
target 屬性
-
_self在當前HTML4或HTML5文件頁面重新載入返回值。這個是預設值。譯註：也就是說如果這個文件在一個frame中的話，self是在當前frame（document）中重新載入的，而不是整個頁面。 (自身) -
_blank: 新視窗。 -
_parent: 在父級的frame中以HTML4或HTML5文件形式載入返回值，如果沒有父級的frame，行為和_self一致 -
_top: 如果是HTML 4文件: 清空當前文件，載入返回內容；HTML5: 在當前文件的 最高階 內載入返回值，如果沒有父級，和_self的行為一致
2. input
input和button的區別：
type=“button” type=“button”
type 屬性
- checkbox （name 相同的為一組，多選框）
- text
- radio（name 相同的為一組，單選框）
- password
小貼士：
- 用label把input標籤包起來可以使得點選前面的欄位觸發input輸入
<label>使用者名稱<input type=“text” name=“xxx”></label>
- form 標籤裡面的 input 加不加 name 屬性由什麼區別？
如果 input 不加 name，那麼在表單提交時，input 的值就不會出現在請求裡
3. select
<select name="group" multiple> <option value="">-</option> <option value="1" disabled>第一組</option> <option value="2" selected>第二組</option> </select>
4. textarea
- cols （列，一般不準）
- rows （行，準的）
- 一定要給name
5. table
image
6. a
跳轉頁面（HTTP GET請求）
target屬性
和form裡面的一致
download屬性
- 下載
href 屬性
- 如果直接寫
qq.com，會不會跳轉？
不會！這是一個相對地址，開啟的其實是一個檔案。.com其實被當做檔案字尾。
- 加上http/https，即可。
- 或者//qq.com，即表示當前協議是什麼協議就是什麼協議。
- 如果直接寫
?name=xxx呢？
瀏覽器會自動把這段加到最後面當做引數，傳送了一個GET請求
-
#錨點是不發請求的，直接到達頂部，其他都是要發請求的（還除了偽協議）
偽協議 javascript: ;
滿足a標籤點選了什麼都不做的需求