HTML5視頻教程之HTML5 新表單類型示例代碼分享
加入技術交流群
HTML5 新表單類型示例代碼有不少對HTML5開發感興趣的小伙伴不是很了解，本篇文章小編就不多說廢話了，帶大家一塊來看一下扣丁學堂HTML5在線學習分享的HTML5 新表單類型示例代碼，希可以幫到對HTML5感興趣的小伙伴們。
demo.html：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> form { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font-family: "Microsoft Yahei"; font-size: 20px; } input { display: block; width: 100%; height: 30px; margin: 10px 0; } </style> </head> <body> <form action=""> <fieldset> <legend>表單屬性</legend> <label for=""> email: <input type="email" name="email" > </label> <label for=""> tel: <input type="tel" name="tel" > <!-- 本身不驗證,自己添加驗證 --> </label> <label for=""> url: <input type="url" name="url" > </label> <label for=""> number: <input type="number" name="number" step="5"> <!--輸入的是步長的整倍數--> </label> <label for=""> search: <input type="search" name="search" > <!--移動端出現的小鍵盤右下角是搜索按鈕--> </label> <label for=""> range: <input type="range" name="range" value="100" min="0" max="300"> <!--默認最小0 最大100--> </label> <label for=""> <label for=""> color: <input type="color" name="color" > </label> time: <input type="time" name="time" > </label> <label for=""> date: <input type="date" name="date" > </label> <label for=""> month: <input type="month" name="month" > </label> <label for=""> week: <input type="week" name="week" > </label> <label for=""> datetime: <input type="datetime" name="datetime" > </label> <input type="submit" value="提交"> </fieldset> </form> </body> </html>以上就是小編分享的HTML5新表單類型示例代碼，希望可以幫到小伙伴們。對HTML5感興趣想要學習的小伙伴可以選擇扣丁學堂學習，扣丁學堂HTML5培訓是專業的HTML5培訓機構，不僅有專業的老師和與時俱進的課程體系，還有大量的HTML5在線教程供學員觀看學習哦。扣丁學堂H5技術交流群：692172929。微信號：codingbb
*博客內容為網友個人發布，僅代表博主個人觀點，如有侵權請聯系工作人員刪除。
