HTML5智慧型表單

2021-07-01 23:06:11 字數 811 閱讀 8540

1:便於排版的form表單

html5為了方便排版,可以使form的表單標籤脫離form的巢狀。

方法:form指定id,所有的標籤標籤都新增form= id屬性。

例如:2:form新型別

type = "email" 郵箱(自帶格式校驗)

type = "url"   **,必須帶協議(自帶格式校驗)

type = "date"  日期選擇器

type = "time"時間選擇器

type = "month"月份選擇器

type = "week"周選擇器

type = "number" 數字選擇器

type = "range"滑動條 

max屬性 

step屬性(驗證合法性) step="2",例如從0開始,只能選擇0-2-4-6-8

type = "search"搜尋框

results="n"谷歌瀏覽器可用,顯示搜尋圖示。

type = "color"顏色選擇器

3:新增的表單屬性

required="required" 設定必填項

placeholder = "我是預設值" 設定預設值,不會提交到後台

autofocus = "autofocus" 自動聚焦

pattern="\d" 自定義正規表示式

4:自動填充表單

人在囧途

車在囧途

泰囧5:output標籤

HTML5 智慧型form表單新屬性

xhtml中需要放在form之中的諸如inpu button select textarea等標籤元素,在html5中完全可以放在頁面任何位置,然後通過新增的form屬性指向元素所屬表單的id值,即可關聯起來。html5中確實新增了不少的新的屬性,給我們省去了好大的功夫去判斷。智慧型表單使用與規範 ...

HTML5表單屬性

1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...

HTML5 表單提交

html5的確是大勢所趨 現在就來說下html 5 當你看到你的頁面標頭是這樣 證明是h5咯 以往的頁面開頭總是很長 現在簡單多了 charset utf 8 這個是編碼格式咯 或者是別的這時候就說說 吧 action 提交位址 method get post onsubmit return che...