<strong><font color="#ff0000">1.Email輸入框,自動驗證Email有效性。 <br></font></strong><br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode38'));"><u>複製程式碼</u></span></div>程式碼如下:</div> <div class="msgborder" id="phpcode38"> <br><br>程式碼如下:<br><g html> <br> <br> <br><form action="#" method="get"> <br>E-mail: <input type="email" name="user_email"><br> <br><input type="submit"> <br> </form> <br> </g> </div> <br><strong><font color="#ff0000"><br></font>2.number數字輸入,驗證正確,可以設定開始結束位元。 </strong><br><div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode39'));"><u></u></span>複製程式碼</div></div> <div class="msgborder" id="phpcode39">程式碼如下:<br><br><br><br>程式碼如下:<br><g html> <br> <br> <br><form action="#" method="get"> <br><input type="number" step="5" min="5" max="20" name="number" value="0"> <br><input type="submit"> </form></g> </div> <br> <strong> <font color="#ff0000"><br></font></strong><br>3.URL輸入框,可以驗證URL輸入的有效性。 <strong><font color="#ff0000"><br><form action="#" method="get"> URL: <input type="url" name="user_email"><br> <input type="submit"> </form> </font></strong><br>4.Date pickers (date, month, week, time, datetime, datetime-local)選擇框,可以選擇日期,時間,月,週。 <div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode40'));"><u></u></span></div></div>複製程式碼<div class="msgborder" id="phpcode40"> <br><br>程式碼如下:<br><br><br><br>程式碼如下:<br><g html> <br> <br> <br><form action="#" method="get"> <br>Date: <input type="date" name="user_email"> <br>month : <input type="month" name="user_email"> <br>week: <input type="week" name="user_email"> <br>time: <input type="time" name="user_email"> <br>datetime: <input type="datetime" name="user_email"> </form></g> </div>datetime-local : <input type="datetime-local" name="user_email"> <br><input type="submit"> <strong> <font color="#ff0000"> <br> </font></strong><br><div class="msgheader"><div class="right">5.datalist輸入選擇。 <span style="CURSOR: pointer" onclick="copycode(getid('phpcode41'));"><u></u></span> </div></div> <div class="msgborder" id="phpcode41"> <br>複製程式碼<br><br><br>程式碼如下:<br><br><br><br>程式碼如下:<br><g html> <br> <br><form action="#" method="get"> <br>Webpage: <input type="url" list="url_list" value="fdf" name="user_email"> </form></g> </div> <datalist id="url_list"> <option label="W3School" value="http://www.w3school.com.cn"></option> <option label="Microsoft" value="http://www.microsoft.com"></option> </datalist><input type="submit">