美文网首页
第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表单(下)

    表单新增输入类型:tel、email、url、number、range、datetime、datetime-loc...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • HTML学习笔记(四)

    一:HTML 表单 HTML 表单用于搜集不同类型的用户输入。 元素 HTML 表单用于收集用户输入。 HTML ...

  • HTML 表单的用法

    HTML 表单用于搜集不同类型的用户输入 元素定义 HTML 表单: 所有属性如下 HTML 表单包含表单元素表...

  • HTML表单(5)

    饥人谷学习第5天 HTML表单 表单是一个包含表单元素的区域 表单元素是允许用户在表单中(比如:文本域、下拉列表、...

  • 08-表单

    本节案例 表单的作用 HTML 表单用于收集用户输入。 表单form 元素定义 HTML 表单,里面需要有各种表单...

  • Django学习-第十三讲(下):表单(一)forms.form

    1. html表单和django中的表单的区别 HTML中的表单: 单纯从前端的html来说,表单是用来提交数据给...

  • HTML4.01+CSS2.0教程(七)

    3/6/2017 12:33:03 PM html表单 html表单用于收集用户输入,而 元素用于定义html表单...

网友评论

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

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