Input標(biāo)簽（類(lèi)型屬性）
email/url/range/number/search/color/tel/時(shí)間選擇/針對(duì)PC端的其它類(lèi)型（除了number和時(shí)間選擇外，其它的類(lèi)型都只有在手機(jī)端的輸入板有效果）
- email（郵箱輸入框，focus后在手機(jī)輸入版中會(huì)有@字符）
<input type="email">
- url（網(wǎng)址輸入框，focus后在手機(jī)輸入版中會(huì)有.com字符）
<input type='url'>
- tel（電話(huà)輸入框，focus后自動(dòng)彈出數(shù)字輸入板）
<input type="tel" name='tel'>
- number（數(shù)字輸入框）
<input type="number" name='number'>
PC端顯示（只有數(shù)字、運(yùn)算符和字母e可以作為自然數(shù)的常數(shù)可以輸入）：
移動(dòng)端輸入板顯示：
- 時(shí)間選擇（年月日）
<input type="date"> ：年月日
<input type="month"> ：年月
<input type="week"> ：年月星期
<input type="time"> ：時(shí)分秒
<input type="datetime"> ：年月日時(shí)分秒（UTC時(shí)間）
<input type="datetime-local">：年月日時(shí)分秒（本地時(shí)間）
PS：以上的input類(lèi)型基本只有谷歌和Opera瀏覽器是完全支持的，datetime類(lèi)型谷歌瀏覽器不兼容
效果圖：
此外還有選項(xiàng)框等：
手機(jī)端效果都是以滾輪的形式呈現(xiàn)的：
例如datetime-local類(lèi)型
- 其它類(lèi)型：（color、range、search）
1.color：選取顏色，點(diǎn)擊可以彈出調(diào)色板
<input type="color">
2.range：選取數(shù)值范圍，有max和min兩個(gè)屬性（不填寫(xiě)則默認(rèn)為0到100）
<input type="range" max='20' min='0' value='20'>
3.search：search類(lèi)型和普通輸入框很相像，但是當(dāng)有值輸入的時(shí)候，會(huì)多出一個(gè)可以點(diǎn)選刪除的叉叉
<input type="search">
表單屬性
autocomplete/autofocus/multiple/required
- autocomplete：是否自動(dòng)補(bǔ)全（該屬性有兩個(gè)值，on/off，默認(rèn)是on），該屬性也可以用在所有input標(biāo)簽中
- autofocus：在頁(yè)面剛載入時(shí)，焦點(diǎn)放在哪個(gè)輸入框上，（該屬性有一個(gè)值autofocus，只填寫(xiě)屬性不填寫(xiě)值也能生效），可以用于所有input標(biāo)簽中，當(dāng)頁(yè)面中有多個(gè)autofocus時(shí)，只有自上而下第一個(gè)使用該屬性的標(biāo)簽生效
-
multiple：輸入多個(gè)值，只適用于file和email類(lèi)型的input，語(yǔ)法multiple='multiple'，或者只寫(xiě)一個(gè)multiple屬性也有效果
1.file：在type='file'中，使用multiple屬性后，選取文件可以按住ctrl鍵同時(shí)選取多個(gè)文件（在此吐槽一下狗爹的網(wǎng)頁(yè)文件上傳只能一個(gè)一個(gè)上傳，惡心死.）
2.email：在type='email'中，使用multiple屬性后，可以在一個(gè)輸入框中填寫(xiě)多個(gè)郵箱地址（用分號(hào)分隔），然后傳輸過(guò)去后臺(tái)，后臺(tái)會(huì)識(shí)別這是多個(gè)郵箱地址（數(shù)組）而不是一個(gè)郵箱地址
- required：input填寫(xiě)該屬性后，表單提交時(shí)會(huì)對(duì)該input做簡(jiǎn)單的校驗(yàn)，不能為空并且需要必須的字段
例如：
<input type='text' required>
<input type='email' required>
鏈接屬性
link的sizes屬性/base對(duì)的target屬性
-
sizes（主要用于link中的網(wǎng)頁(yè)圖標(biāo)進(jìn)行大小的控制，如下圖圖標(biāo)）
- base標(biāo)簽（放置在head標(biāo)簽中）中的target（可以控制整個(gè)網(wǎng)頁(yè)中a鏈接打開(kāi)新窗口。也可以控制a鏈接跳轉(zhuǎn)的頁(yè)面）
例如：a鏈接在新窗口中打開(kāi)百度
<head>
<base target='_blank'>
</head>
<body>
<a href>aaa</a>
</body>
其他屬性
script/ol
script標(biāo)簽新增屬性
async和defer（異步加載外部js文件，可解決外部js放置在頭部導(dǎo)致的白屏問(wèn)題）
不同點(diǎn)：
async：什么時(shí)候加載完js什么時(shí)候執(zhí)行
defer：所有資源加載完后再執(zhí)行js-
ol新增屬性
start（起始值）和reversed（倒序排列），注意，reversed的倒敘并不會(huì)使內(nèi)容也倒敘，只是ol自帶的序號(hào)倒敘
start：
reversed：
