HTML5新增表单

1.email电子邮箱文本框

<input type="email" name="" id="">

2.tel电话号码

<input type="tel" name="" id="">

3.url网页URL地址

<input type="url" name="" id="">

4.search搜索引擎

<input type="search" name="" id="">

5.date日期类型

<input type="date" name="" id="">

6.time时间

<input type="time" name="" id="">

7.range特定范围内的数值选择器

<input type="range" name="" id="">

8.number只包含数字的输入框

<input type="number" name="" id="">

9.placeholder输入框提示信息

<input type="text" name="" id="" placeholder="请输入用户名">

10.autocomplete是否保存用户输入值

autocomplete是否保存用户输入值，默认为on，关闭提示选择off

11.autofocus指定表单获取输入焦点

<input type="text" name="" autofocus>

12.required此项必填，不为空

Name: <input type="text" name="usr_name" required="required">

13.disabled表单禁用状态

<p>Last name: <input type="text" name="lname" disabled></p>

14.datalist选项列表与input元素配合使用，来定义input可能的值

    <label for="myBrowser">从列表中选择这个浏览器</label>
    <input list="browsers" id="myBrowser" name="myBrowser">
    <datalist id="browsers">
        <option value="Chrome">
        <option value="Firefox">
        <option value="Internet Explorer">
        <option value="Opera">
        <option value="Safari">
        <option value="Microsoft Edge">
    </datalist>
    <input type="submit" value="提交">