HTML5新增标签1

来源：互联网发布：淘宝介入买家举证流程编辑：程序博客网时间：2024/06/06 03:29
<span style="font-size:18px;"><!doctype html><html><head><meta charset="utf-8"><title>HTML新增标签</title><style type="text/css">header,nav,section,footer{width:750px;height:40px;border:#ccc solid 1px;margin-bottom:5px;margin:auto;}aside,article{width:300px;float:left;border:#ccc solid 1px;margin-left:5px;}</style></head><body><center>HTML5语义标签</center><br/><header>头部</header><nav>导航</nav><section><aside>左侧</aside>    <article>文章</article></section><footer>脚</footer><hr/><center>HTML新增属性</center><br/><form>用户：<input type="text" name="username" required placeholder="请输入姓名..." autofocus><br/><input type="submit" name="submit" value="submit"><br/>邮件：<input type="email" name="email"><br/>日期：<input type="date" name="date"><br/>网址：<input type="url" name="url"><br/>电话：<input type="number" name="number"><br/>亮度：<input type="range" min="0" max="200" name="range"><br/>颜色：<input type="color"><br/>搜索：<input type="text" list="city"><datalist id="city"><option>北京</option>    <option>南京</option>    <option>上海</option></datalist><input type="submit" value="提交"><br/>地址：<br/><select><optgroup label="江苏">    <option>南京</option>        <option>苏州</option>    </optgroup>    <optgroup label="浙江">    <option>杭州</option>        <option>温州</option>    </optgroup></select></form></body></html><span style="color:#ff0000;">代码已经经过测试，可以直接运行。</span></span>
0 0