智能表单

<form action="" method="get">
    <p>请选择颜色： <input id="mycolor" type="color" /></p>
    <p>请选择日期： <input type="date" /></p>
    <p>请输入电子邮件： <input type="email" /></p>
    <p>请输入网站地址： <input type="url" /></p>
    <p>购买数量： <input type="number" value="1" min="1" max="100" step="1" /></p>
    <p>请选择区间范围： <input id="myrange" type="range" value="5" min="5" max="50" step="5" /><span id="shownum">5</span></p>
    <input type="submit" value="提交"/>
</form>

type="类型"

<input type="类型" />
新增的类型：
Color         颜色选择器
Date              日期选择框
Datetime        日期时间选择框
datetime-local    日期和时间 (无时区)选择框
month          月份选择器
time            时间选择框
week           周和年选择框
email          电子邮件
number         数值的输入域
range           区间选择器
search          搜索框
tel             电话号码
url             url地址

number         数值的输入域
value="1"      默认值
min="1"        最小值
max="100"      最大值
step="1"       增减的步长

表单新元素（了解）

oninput 输入内容的事件
onchage 输入内容改变的事件

<input list="browsers" name="浏览器">
<datalist id="browsers">
    <option value="Internet Explorer">Internet Explorer</option>
    <option value="Firefox">Firefox</option>
    <option value="Chrome">Chrome</option>
    <option value="Opera">Opera</option>
    <option value="Safari">Safari</option>
</datalist>

<select name="">
    <option value="Internet Explorer">Internet Explorer</option>
    <option value="Firefox">Firefox</option>
    <option value="Chrome">Chrome</option>
    <option value="Opera">Opera</option>
    <option value="Safari">Safari</option>
</select>


<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
    <input type="range" id="a" value="50">100 +
    <input type="number" id="b" value="50">=
    <output name="x"></output>
</form>

表单新属性

<form action="" method="post">
    <input type="text" autofocus="autofocus" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" required="required" placeholder="请输入电子邮件" />
    <input type="submit" value="提交"/>
</form>
<!--
required="required"     必填项
placeholder="提示内容"     输入框提示
autofocus="autofocus"   自动获取焦点
pattern                 输入框验证的正则表达式
-->