美文网首页
form新增表单

form新增表单

作者: 璐璐熙可 | 来源:发表于2018-06-01 19:22 被阅读136次

    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 绑定到哪个表单元素)

    相关文章

      网友评论

          本文标题:form新增表单

          本文链接:https://www.haomeiwen.com/subject/qbtqsftx.html