html5表單新特性有:1、新增input type類型值(email、url、number、tel、color、date等);2、新增表單元素屬性(placeholder、autofocus、form、min、max、patter等)。
創(chuàng)新互聯公司堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站制作、成都做網站、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的宜川網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
H5的表單新特性可以分為兩大類。
一、10個input的type值
1、email:郵件輸入域,在表單提交時提供簡單的郵箱格式驗證,并彈出一個提示窗口。
2、url:地址輸入域,在表單提交時提供簡單的URL地址格式驗證,并彈出一個提示窗口。
3、number:數字輸入域。(可設置min、max、step)
4、tel:電話號碼輸入域,在手機瀏覽器中彈出數字輸入域。
5、search:搜索輸入域,在手機瀏覽器右下角呈現搜索按鍵。
6、range:范圍選擇控件。
7、color:顏色選擇控件。
8、date/month/week:時間選擇控件。
二、11個表單元素新屬性
1、autocomplete:自動補全,是否自動記錄之前提交的數據,以用于下一次輸入建議。
2、placeholder:占位符,用于在輸入框中顯示提示性文字,與value不同,不能被提交。
3、autofocus:自動獲得輸入焦點。
4、multiple:是否允許多個輸入值,若聲明該屬性,那么輸入框中允許輸入多個用逗號隔開的值。
5、form:值為某個表單的id,若設置,則該輸入域可放在該表單外面。
6、required:在表單提交時會驗證是否有輸入,沒有則彈出提示消息。
7、maxlength:限制長度,只有在有輸入的情況下才有用,不區(qū)分中英文。
7.5、minlength:限制最小長度,但它不是H5標準屬性,僅部分瀏覽器支持。
8、min:限定輸入數字的最小值。
9、max:限定輸入數字的值。
10、step:限定輸入數字的步長,與min連用。
11、pattern:指定一個正則表達式,對輸入進行驗證。(正則默認首尾加^$)
相關推薦:《html視頻教程》