HTML5表单

HTML5 新的 Input 类型：

email
url
number
range
Date pickers (date, month, week, time, datetime, datetime-local)
search
color

HTML5 的新的表单元素：

datalist
output
keygen

列表标签
①<datailist></datailist> 为input标签定义一个下拉列表，配合option

<input placeholder="你喜欢的手机品牌" list="phonelist">
<datalist id="phonelist">
    <option value="iphone">iphone</option>
    <option value="Meizu">Meizu</option>
    <option value="Huawei">Huawei</option>
</datalist>

②<details></details>定义一个元素的详细内容，配合summary

<details>
    <summary>树下的猫</summary>
    <p>佛说：人世间的一千次回眸，才换来今生的相逢。也许我就是那佛前的一只猫，为了和你相逢，我在佛前求了500年，因为我许的诺言是一生一世……</p>
</details> 

①output 元素

<form oninput="totalPrice.value=parseInt(price.value)*parseInt(numb.value)">
    <input type="text" id="price" value="5000">*
    <input type="number" id="numb" value="1">=
    <output name="totalPrice" for="price numb"></output>
</form>

HTML5 的新的表单属性

①自动补全 autocomplete =" on/off "
②自动聚焦 autofocus = autofocus
③输入域中可选择多个值 multiple = multiple (file/email) email用;隔开
④描述输入域中的值 placeholder=" "
⑤提交之前必须填写输入域 required="required"

新的 form 属性：
autocomplete
novalidate
新的 input 属性：
autocomplete
autofocus
form
form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
height 和 width
list
multiple
min, max 和 step
pattern (regexp)
placeholder
required