html5 form表單,html5 教程

html5 form表單 html5 教程

html5 form表單表單介紹

一、XHTML中須要放在form之中的諸如inpu/button/select/textarea等標籤元素，在HTML5中徹底能夠放在頁面任何位置，而後經過新增的form屬性指向元素所屬表單的ID值，便可關聯起來。

<FORM id=foo> … </FORM> <INPUT … form="foo">

二、HTML5提供了多樣的輸入類型和風格，讓設計界面更加豐富

<input type=email … 限制用戶輸入email格式

<input type=url … 限制用戶輸入網址格式
<input type=date … 限制用戶輸入日期格式
<input type=time … 限制用戶輸入時間格式
<input type=month … 限制用戶輸入月份格式
<input type=week … 限制用戶輸入周格式
<input type=number … 限制用戶輸入數字格式
<input type=range … 一個滑動條效果
<input type=search … 搜索格式 results="n"
<input type=color … 選擇顏色格式

html5 form表單表單使用與規範

<input type="text" list="mydata" />

<datalist id="mydata">

<option label="Top1" value="讓子彈飛"><option label="Top2" value="非誠勿擾2"> <option label="Top3" value="大笑江湖"> <option label="Top4" value="趙氏孤兒">

<option label="Top5" value=「132"> </datalist>

新屬性介紹： autofocus 載入時自動得到焦點 required 必填項目 placeholder 點擊input內容消失 pattern 驗證正則表達式

html5 form表單 html5 教程  http://zencart.me/archives/894