form新增表单

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="提交">

定义和用法

• <label> 标签为 input 元素定义标注（标记）。
• label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
• <label> 标签的 for 属性应当与相关元素的 id 属性相同。（规定 label 绑定到哪个表单元素）