HTML5 表单，新标签

来源：互联网发布：天涯社区知乎编辑：程序博客网时间：2024/05/18 00:33
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><form>邮箱：<input type="email" name="email" autocomplete="on" autofocus="autofocus" required="required" /><br />网址：<input type="url" name="url" /><br />颜色：<input type="color" name="color" /><br />日期<input type="date" name="color" /><br />月份<input type="month" name="month" /><br />时间<input type="time" name="time" /><br />数字<input type="number" name="number" /><br />电话<input type="tel" name="tel" /><br />调整范围<input type="range" max="100" min="0" step="10" /><br />  <!--step表示每次调整的步长-->爱吃：<input type="text" list="mylist" />   <!--(下拉列表)与下面的标签配套使用--><datalist id="mylist">    <!--与上面的标签配套使用--><option value="apple0">苹果0<option value="apple1">苹果1<option value="apple2">苹果2<option value="apple3">苹果3</datalist><input type="submit" value="提交"  /></form>魂牵梦萦f<mark >热望</mark>魂牵梦萦凡尔赛   <!--mark标记--><progress max="100" value="0" id="test"></progress>   <!--进度条--><script type="text/javascript">window.onload = function(){setInterval(hello,100);  //定时器，循环调用hello函数，每隔1秒调用一次。}var n=0;  //全局变量function hello(){var obj = document.getElementById("test");n++;obj.value=n;  //进度条的值加1}</script></body></html>
阅读全文
0 0