demo.html：
<!DOCTYPE html> <html lang="en"> <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" > <!-- 本身不驗(yàn)證,自己添加驗(yàn)證 --> </label> <label for=""> url: <input type="url" name="url" > </label> <label for=""> number: <input type="number" name="number" step="5"> <!--輸入的是步長(zhǎng)的整倍數(shù)--> </label> <label for=""> search: <input type="search" name="search" > <!--移動(dòng)端出現(xiàn)的小鍵盤(pán)右下角是搜索按鈕--> </label> <label for=""> range: <input type="range" name="range" value="100" min="0" max="300"> <!--默認(rèn)最小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> 總結(jié)
以上所述是小編給大家介紹的HTML5 新表單類型示例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
