主頁 > 知識(shí)庫 > HTML5驗(yàn)證以及日期顯示的實(shí)現(xiàn)詳解

HTML5驗(yàn)證以及日期顯示的實(shí)現(xiàn)詳解

熱門標(biāo)簽:智能芯電話機(jī)器人 怎么做百度地圖標(biāo)注 臨海地圖標(biāo)注app 地圖標(biāo)注柱狀圖 小朱地圖標(biāo)注 400開頭的電話好申請(qǐng)不 四川移動(dòng)電銷外呼客戶管理系統(tǒng) 百度地圖標(biāo)注為什么總是封號(hào) 咸陽穩(wěn)定外呼系統(tǒng)軟件
1.Email輸入框,自動(dòng)驗(yàn)證Email有效性。

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML>
<html>
<body>
<form action="#" method="get">
E-mail: <input type="email" name="user_email"/>

<input type="submit"/>
</form>
</body>
</html>

2.number數(shù)字輸入,驗(yàn)證正確,可以設(shè)置開始結(jié)束位。

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML>
<html>
<body>
<form action="#" method="get">
<input type="number" step="5" min="5"max="20" name="number" value="0"/>
<input type="submit"/>
</form>
</body>
</html>

3.URL輸入框,可以驗(yàn)證URL輸入的有效性。
<form action="#" method="get"> URL: <input type="url" name="user_email"/><br /> <input type="submit"/></form>
4.Date pickers (date, month, week, time, datetime, datetime-local)選擇框,可以選擇日期,時(shí)間,月,周。

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML>
<html>
<body>
<form action="#" method="get">
Date: <input type="date" name="user_email"/>
month : <input type="month" name="user_email"/>
week: <input type="week" name="user_email"/>
time: <input type="time" name="user_email"/>
datetime: <input type="datetime" name="user_email"/>
datetime-local : <input type="datetime-local" name="user_email"/>
<input type="submit"/>
</form>
</body>
</html>

5.datalist輸入選擇。

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML> <html>
<body>
<form action="#" method="get">
Webpage: <input type="url" list="url_list"value="fdf" name="user_email"/>
<datalist id="url_list">
<option label="W3School"value="http://www.w3school.com.cn"/>
<option label="Microsoft" value="http://www.microsoft.com"/>
</datalist><input type="submit"/>
</form>
</body>
</html>

標(biāo)簽:黃石 南平 陜西 公主嶺 平頂山 黃石 山南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5驗(yàn)證以及日期顯示的實(shí)現(xiàn)詳解》,本文關(guān)鍵詞  HTML5,驗(yàn)證,以及,日期,顯示,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML5驗(yàn)證以及日期顯示的實(shí)現(xiàn)詳解》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5驗(yàn)證以及日期顯示的實(shí)現(xiàn)詳解的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章