首頁  >  文章  >  web前端  >  HTML5驗證以及日期顯示的實作詳解_html5教學技巧

HTML5驗證以及日期顯示的實作詳解_html5教學技巧

WBOY
WBOY原創
2016-05-16 15:49:211964瀏覽
1.Email輸入框,自動驗證Email有效性。

複製程式碼
程式碼如下:


程式碼如下:




E-mail:





2.number數字輸入,驗證正確,可以設定開始結束位元。

複製程式碼
程式碼如下:



程式碼如下:








3.URL輸入框,可以驗證URL輸入的有效性。
URL:

4.Date pickers (date, month, week, ti​​me, datetime, datetime-local)選擇框,可以選擇日期,時間,月,週。
複製程式碼


程式碼如下:



程式碼如下:




Date:
month :
week:
time:
datetime:
datetime-local :


5.datalist輸入選擇。

複製程式碼


程式碼如下:



程式碼如下:



Webpage:
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn