HTML5为input的type类型添加了多种枚举值,用来表达不同的意思。同事具有验证功能,假设格式不正确,浏览器将原始提供错误提示,堪称超级牛X啊,详细例如以下:

Keyword

Data type

hidden

随意字符

text

单行文本

search

单行文本

tel

单行文本

url

绝对地址

email

一个或多个email地址

password

单行文本

datetime

带有时区的时间

date

无时区的年月日时间

month

无时区的年月

week

无时区的周数

time

无时区的时间(小时,分钟,秒。毫秒)

datetime-local

无时区的日期与时间

number

数字值

range

范围:<input type="range" min=0 max=100 step=20 value=50>

color

8-bit表示的颜色

checkbox

checkbox

radio

radio

file

文件

submit

提交button

image

图片button

reset

n/a

button

n/a

參考资料:http://www.mhtml5.com/resources/html5%E6%95%99%E7%A8%8B%EF%BC%88%E5%85%AD%EF%BC%89-html5-input%E7%B1%BB%E5%9E%8B

学习至此。大叔发现mhtml5站点上已经有非常多现成的资料了,所以例如以下的一些新元素请大家自行參考该站点的资料学习,大叔将着重继续学习HTML5在现有元素上的更新改变。

  1. figure元素
  2. figcaption元素
  3. track元素
  4. embed元素
  5. mark元素
  6. progress元素
  7. time元素
  8. ruby, rt和rp元素
  9. bdi元素
  10. wbr元素
  11. canvas元素
  12. command元素
  13. details元素

转载于:https://www.cnblogs.com/yfceshi/p/6790158.html

HTML5学习笔记简明版(5):input的type超级类型相关推荐

  1. HTML5学习笔记简明版(10):过时的元素和属性

    被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...

  2. HTML5学习笔记简明版(10):废弃的元素和属性

    废弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用.现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...

  3. HTML5学习笔记简明版(9):变化的元素和属性

    改变的元素(Element) 下面元素在HTML5里的使用方法稍作改动以便能在web里更好的使用或者起到更大作用: 没有href属性的a元素将显示成一个占位符,并且a元素内部如今支持flow cont ...

  4. HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output

    video 通过<video>标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件.视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片. 过去(及目前) ...

  5. HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav

    hgroup <hgroup> 标签用于对网页或区段(section)的标题进行组合. <hgroup><h1>Welcome to my WWF</h1&g ...

  6. HTML5学习笔记简明版(2):新元素之section,article,aside

    section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块.section可以表示成一个小节,或者tab ...

  7. HTML5学习笔记简明版(8):新增的全局属性

    contenteditable属性 不论什么元素使用contenteditable属性的话,代表该元素是一个可编辑的区域. 用户能够改变元素的内容以及操作标记.比如: <pcontentedit ...

  8. HTML5学习笔记简明版(11):新API

    HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口. 这些接口在全部实现了Document接口的元素对象上进行了实现.HTML5在 ...

  9. HTML5 学习笔记

    HTML5 学习笔记 前言 该学习笔记的相关学习视频:[狂神说Java]HTML5完整教学通俗易懂 目前笔记只有简单的例子和框架,将来在实践中会进一步学习和补充内容 目录 HTML5 学习笔记 前言 ...

最新文章

  1. java中利用反射创建对象,利用java反射机制动态创建对象
  2. 模型可解释性-树结构可视化
  3. Python数据分析笔记——Numpy、Pandas库
  4. 关于字体图标在firefox上本地访问无法显示的问题分析
  5. 【英语学习】【Level 07】U02 Live Work L1 Welcome to my home
  6. Docker服务安全加固
  7. 第 13 章 MEncoder的基础用法
  8. 修改mysql字符集后如何生效_修改MySQL字符集
  9. 买个社区团购小程序多少钱呢?微信社区团购小程序怎么做
  10. C++编写COM组件 ATL工程
  11. 运算放大器(运放)选型、参数分析以及应用OPA2350
  12. 【彼得林奇 投资选股智慧全集】读书笔记
  13. android国外壁纸app,4K Wallpapers,火遍全球的4K高清壁纸App,谷歌市场1300万好评!...
  14. ChemDraw如何画聚合物,看完就知道了!
  15. python matplotlib坐标轴刻度设置
  16. response.setHeader()方法设置http文件头的值
  17. Beta函数和Gamma函数的关系
  18. 云弹性:它如何影响云计算?
  19. python将一个组数分成几个相同元素的数组,末位少了不补齐
  20. 什么是stm32的部分重映像与完全重映像

热门文章

  1. python%20是什么东西
  2. 是不是人老了,子女都不愿和老人相处?
  3. 不是赚钱太难,妄想天上掉馅饼,才是导致贫穷的根源
  4. 买断式软件逐渐向订阅式软件发展,是不是资本想一直割韭菜?
  5. solidity数据位置
  6. sql server 利用 For Xml Path('') 多行数据拼接成一个字符串
  7. sql学习练习题_学习SQL:练习SQL查询
  8. 如何在Ubuntu上安装SQL Server
  9. sql 如何设置行级锁_SQL Server 2016中的行级安全性
  10. SQL Server FILESTREAM查询和文件组