類型

<input type='text'>?

text? ? ? ? ? ? ? ? ? ? // 文本框

password? ? ? ? ? // 密碼框

hidden? ? ? ? ? ? ? ?// 隱藏

textarea? ? ? ? ? ? // 文本域? ? ? ? ?<texteara cols=4 rows='6'> </texteara>

radio? ? ????? ? ? ? ? ? ?// 單選按鈕? ? ? ? 通常與label使用? <label><input type='radio' value='2'>值為2的選項(xiàng)</label>

checkbox? ? ? ? ? // 多選? ? ? ? ? ? ? ?<label><input type='checkbox' value='2'>值為2的選項(xiàng)</label>

新型輸入框

Email? ? ? ? ? ? ? ? // 輸入的內(nèi)容必須為email

url? ? ? ? ? ? ? ? ? ? // 定義URL框

number? ? ? ? ? ? // 定義數(shù)字框? 屬性? max=‘10’ 最大值為10? ? min=‘2’? 最小值為2? ? ? ? step =‘2’ 值間隔為2? ? ? ?例? 2 4 6 8?

range? ? ? ? ? ? ? // 定義范圍框? 屬性? max=‘10’ 最大值為10? ? min=‘2’? 最小值為2? ? ? ? step =‘2’ 值間隔為2? ? ? ?例? 2 4 6 8?

date? ? ? ? ? ? ? ? // 定義日期選擇器? ? ?month? 月-年? week? 周-年? time? ? datetime? ? datetime-local

search? ? ? ? ? ? // 搜索框?

tel? ? ? ? ? ? ? ? ? ?// 電話號碼框

color? ? ? ? ? ? ? ?// 定義拾色器

輸入框?qū)傩?/h1>

autocompelete='on'? ? ?// 自動完成? 常用屬性? 適用類型? text? password? search url email range? color? datepickers

autofocus? ? ? ? ? ? ? ? ? ? // 自動獲取焦點(diǎn)

height/width? ? ? ? ? ? ? ? // 高 寬

list? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?// 列表? text? search url tel email date? pickers? number range color

multiple? ? ? ? ? ? ? ? ? ? ? ?// 是否可以選擇多個(gè)值

pattern? ? ? ? ? ? ? ? ? ? ? ? // 定義匹配模式? ?相當(dāng)于正則? <input type='text' pattern='[0-9]{6}'>

placeholder? ? ? ? ? ? ? ? // 文本未填內(nèi)容時(shí)提示

maxlength：最大長度? ? ?

readonly:只讀? ?

disabled:不可用? ?

表單新型對象

datelist? ? ? ? ? ? ? ? // 定義數(shù)據(jù)列表

keygen? ? ? ? ? ? ? ? // 定義秘鑰對生成器

output? ? ? ? ? ? ? ? ?// 頁面輸出結(jié)果? 和 text差不多，沒有邊框，不可進(jìn)行編輯

autocomplaate? ? // 自動完成

novalodate? ? ? ? ? ?// 禁止表單驗(yàn)證