美文网首页
第6章HTML表单(下)

第6章HTML表单(下)

作者: 恰我年少时 | 来源:发表于2020-11-16 21:02 被阅读0次

    表单新增输入类型:
    tel、email、url、number、range、datetime、datetime-local、time、date、week、month、search、color
    6.5数值范围类型range
    <input type="range" name="range01" min = "最小数值" max="最大数值" step=" 数值间隔" />
    6.6日期选择器Date Pickers

    6.7搜索类型search
    和一般文本框一样,但后面后多一个x清除内容

    6.8数据列表标签datalist
    选项初始为隐藏状态,当焦点位于对应的文本输入框下方自动展开选项
    datalist元素和列表标签<select>用法类似,也需要在首尾标签内部使用一个或多个选项 标签<option>

    <input type="text" list="mylist" />
    <datalist id="mylist">
    <option value="值1">选项一</option>
    <option value="值2">选项二</option>
    <option value="值3">选项三</option>
    <datalist>
    6.9 autofocus自动聚焦

    6.9 pattern属性
    pattern属性用于约束输入与的内容,该属性以正则表达式的方式对输入内容进行规范。作为属性,在标签内直接pattern=“正则式”。
    6.10 list属性
    可以为输入框提供一系列选项提示,需要与数据列表标签<datalist>配合使用
    6.12 novalidate属性
    表单提交时不需要验证form和input域的内容

    相关文章

      网友评论

          本文标题:第6章HTML表单(下)

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