HTML5基础新特性

语义化标签：

　　<header>

　　<nav>

　　<article>

　　<section>

　　<aside>

　　<footer>

增强代码可读性，对搜索引擎友好

input新属性：

　　<input type="number" min="1" max="100" step="2">

　　　　　　输入框可以点击图标每次加2或减2的输入数字

　　<input type="range" min="0" max="100" step="5">

　　　　　　一个可以拉动的控件，决定输入数字的大小。跟output合用可以即时显示。例如：

　　

<form oninput="outputDemo.value=parseInt(rangeDemo.value)">
    <input type="range" name="rangeDemo" min="1" max="100" step="5">
    <output name="outputDemo">0</output>
</form>

　　<input type="date">

　　　　日期选择框

　　<input type="color">

　　　　颜色选择框

 

input自动完成功能

<input type="text" autocomlete="on" name="autocomDemo" list="autoNames">
<datalist id="autoNames">
    <option value="选项1"></option>
    <option value="选项2"></option>
    <option value="选项3"></option>
</datalist>