HTML5中form表單新新增的屬性

2021-09-02 23:22:28 字數 436 閱讀 6458

通常form表單需要method和action兩種屬性 action指明了表單的提交路徑 method指明了提交的方法 有get和post兩種 get :用?關聯資料 用&連線多個資料 缺點:資料傳輸量有限 安全性問題(賬戶密碼等各種敏感資訊容易被人獲取) post:提交之後不會顯示任何資訊 資料傳輸量夠大 隱藏敏感資訊 form表單外的input也可以提交,可通過以下方法

可以通過formaction formmethod分類提交到不同的伺服器上

autofocus自動獲取焦點

autocomplete自動匹配 off關掉自動匹配

maxlength 可輸入的最大長度

list屬性 跟datalist元素關聯 可以使輸入框自帶匹配功能

HTML5中的form表單

元素用於生成輸入表單,該元素不會生成視覺化部分,它除了通用屬性id style class外,還可以指定onclick事件,除此之外,還有以下幾個屬性 action 指定當單擊表單內的確認按鈕時,該表單被提交到那個位址。該屬性既可以指定乙個絕對位址,也可以指定乙個相對位址,該屬性必填,非常重要!me...

HTML5表單 form實戰解析

由於目前html5標準仍然在開發中,不同的瀏覽器對html5特性的支援都相當有限。其中chrome opera在表單方面支援得比較好,本例項在chrome opera上執行一切正常,建議最高版本,效果圖如下 這個表單使用哪些新元素型別及功能?type型別 我們熟悉type就是text passwor...

HTML5新增表單驗證

html5新增屬性 屬性描述 placeholder 提供一種提示,輸入域為空時顯示,獲得焦點輸入內容後消失 required 規定輸入域不能為空 pattern 規定驗證input域的模式 正規表示式 示例 validity屬性 validitystate物件 屬性描述 valuemissing ...