7 4HTML5新增的表單屬性

2021-09-22 18:55:32 字數 673 閱讀 4664

1.placeholder屬性

在輸入框中向使用者顯示描述性說明或提示資訊,類似於登陸頁面中,賬號的輸入框內有讓我們輸入賬號的提示,但只要我們單擊它並隨意輸入乙個字元就會自動消失

2.autocomplete屬性

用來知曉是否儲存輸入值已備用將來使用

屬性值作用

on可以顯示指定候補輸入的資料列表

of不顯示指定候補輸入的資料列表

無不指定

3.autofocus屬性當頁面開啟時,此處自動獲取游標焦點(相當於一進來滑鼠就單擊了一下此處)

4.list屬性list屬性的值為某個標籤的id.

注:datalist標籤也是html5新增的,若使用者想要的值不再選擇框裡時,允許手動輸入

選項1

選項2選項3

Html5中的表單新增屬性

name 標識表單提交時的key值 min 輸入框中的最小值 max 輸入框中的最大值 step 增加 減小的步長 文字框會自動校驗是否符合郵箱的正規表示式 效果圖 顯示數字的範圍框 在h5中,不用增加外掛程式,就能實現日曆的功能,當前只有谷歌提供了原生的日曆 屬性值 week 周 date 日期 ...

HTML5新增表單的property屬性

html5中新增表單的property多用於表單驗證 validity物件上面有8個屬性值 通過下面的invalid可以檢視驗證是否通過,如果八種驗證都通過返回true,一種驗證失敗返回false 首先要給元素節點新增事件監聽 node.addeventlistener invalid fn1,fa...

html5表單新增的其他屬性

下面來看 placeholder placeholder 提示文字,提示佔位 autofocus autofocus 自動獲取焦點 autocomplete autocomplete 自動完成 on 開啟 off 關閉 1.必須成功提交過 提交過才會記錄 2.當前autocomplete的元素必須有...