Html5中的表單新增屬性

2021-09-25 05:01:40 字數 782 閱讀 7929

name:標識表單提交時的key值

min:輸入框中的最小值

max:輸入框中的最大值

step：增加/減小的步長

文字框會自動校驗是否符合郵箱的正規表示式

效果圖：

顯示數字的範圍框

在h5中，不用增加外掛程式，就能實現日曆的功能，當前只有谷歌提供了原生的日曆

屬性值：week（周）,date（日期）,time（時間）,month(月)，datetime-local(本地時間)。datetime(時間)

獲取日期裡面的值

$("#datademo").val()
分別獲取日期中的年月日：

var arr= $("#datademo").val().split("-");


for(i=0;iarr是乙個陣列，遍歷陣列獲取年月日


擷取字串方法：


使用slice(5,7);左閉右開。
只需要輸入前面的值，就能顯示相應的文字

筆記：

drop

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的元素必須有...

HTML5新增input表單的屬性

html5新增input表單的屬性 input表單屬性 required required 此處內容不能為空，必填 placeholder 請輸入使用者名稱 方框空裡的灰色 提示語 請輸入使用者名稱 為提示語舉例 autofocus autofocus 網頁載入出來後，游標自動聚焦到需要輸入的框裡 ...