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

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: