美文网首页
HTML5 input表单新特性(三)web语义化

HTML5 input表单新特性(三)web语义化

作者: 祝名 | 来源:发表于2018-11-22 20:04 被阅读0次

一. email类型:可直接判断输入是否为email

<input type="email" />

二. url:可判断是否输入的为网址,必须带上http://

<input type="url" />

三. number:通过上下点击修改数值;其中,step值等于2,为每次点击变化2个数值


四. range:滑块,可得相应的数值


显示数值可通过js辅助实现

五. date:日期选择器

<input type="date" />

六. 其他

七.下拉菜单:optgroup分类


八.单行文本自定义列表:datalist


输入框中显示的是value值

九.

1.自动聚焦表单

2.提交form表单之外的表单

form属性指定email表单包含在f表单之内

3.文件上传:multiple多选属性

image.png

4.placeholder:提示输入字

<input type="text" placeholder="请输入姓名" />

5.pattern:匹配的正则表达式

6.required:表单为空无法提交

相关文章

  • HTML5 input表单新特性(三)web语义化

    一. email类型:可直接判断输入是否为email 二. url:可判断是否输入的为网址,必须带上http://...

  • Html5 - 新特性

    一. 语义化标签 二. 新表单类型和属性 新的input类型 input的新属性 form的新属性 新的表单标签 ...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • HTML面试题整理

    HTML5 新特性、语义化 新特性 新的 DOCTYPE 声明 新增 vedio 和...

  • HTML5新特性

    1.语义化标签: 2.新增表单input输入类型:这些新特性更好地提供了输入控制和验证。 3.新增表单元素: 4....

  • 【转】HTML5 新的Input 类型

    HTML5 新的 Input 类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 ...

  • HTML5 Input 类型

    HTML5 新的 Input 类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 ...

  • HTML5简明教程(二)新标签和新属性

    HTML5新增了很多标签和属性,实现Web页面语义化,使页面可读性更强;增加Web表单功能,使表单更丰富更友好;还...

  • HTML5 新的 Input 类型

    HTML5 新的 Input 类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本...

  • 大前端——知识点回顾(HTML5)

    简单介绍一下,HTML5新特性,语义化? 1.标签语义化,比如 header、footer、aside、secti...

网友评论

      本文标题:HTML5 input表单新特性(三)web语义化

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