目錄
(1)新的 input type < input type="?">
(2)新的表單元素
(3)表單元素的新屬性
h4: text, password, checkbox, radio, submit, reset, button, file, image, hidden
h5: email, url, number, tel, search, range, color, date, month, week
h4: input, button, select/option, textarea, label
h5: datalist, progress, meter, output
datalist(資料列表)
xx
yy//datalist 為input提供輸入列表,使用者可以從中選取,也可以輸入
progress(進度條)
//value取值在(0~1)
meter(刻度尺)
//meter使用者標示乙個值所處範圍,不可接受(紅色) 可以接受(黃色) 非常優秀(綠色)
output(語義標籤,等同於span)
商品單價:¥3.5
商品數量:
小計: ¥3.5
a: placeholder : 佔位字元
b: autofocus : 自動獲取輸入焦點
c: multiple : 允許輸入框**現多個值(值之間用逗號分隔)
d: form 用於把輸入域放置在form外部
---------輸入驗證相關----------
e: required : 必填項,內容不能為空
f: maxlength : 指定字串最大長度
g: minlength : 指定字串最小長度
h: max : 指定數字最大值
: min : 指定數字最小值
: pattern : 正規表示式
Html5 學習系列(三)增強型表單標籤
在之前的html表單標籤中,對於一些功能支援的不夠好,比如 文字框提示資訊 之前只能通過js和input的事件結合處理 表單校驗 日期選擇控制項 顏色選擇控制項 範圍控制項 進度條 標籤跨表單等功能。當然這些東西我們都可以直接通過js和dom元素配合實現這些通用的功能。這些功能或者是標籤都已經大量的...
Html5 學習系列(三)增強型表單標籤
在之前的html表單標籤中,對於一些功能支援的不夠好,比如 文字框提示資訊 之前只能通過js和input的事件結合處理 表單校驗 日期選擇控制項 顏色選擇控制項 範圍控制項 進度條 標籤跨表單等功能。當然這些東西我們都可以直接通過js和dom元素配合實現這些通用的功能。這些功能或者是標籤都已經大量的...
HTML5的新特性
html的新特性 html5是下一代html標準 強化了web的表現性 支援網頁多 提供canvas畫布 2d圖形 三維 圖形及特效 支援語義化標籤 header footer 新的表單標籤 增加離線本地儲存 地理定位 應用快取 快取 將經常需要訪問的資料,放在記憶體中或者本地磁碟裡 canvas ...