HTML5学习笔记简明版(5):input的type超级类型
HTML5为input的type类型添加了多种枚举值,用来表达不同的意思。同事具有验证功能,假设格式不正确,浏览器将原始提供错误提示,堪称超级牛X啊,详细例如以下:
Keyword |
Data type |
hidden |
随意字符 |
text |
单行文本 |
search |
单行文本 |
tel |
单行文本 |
url |
绝对地址 |
|
一个或多个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在现有元素上的更新改变。
- figure元素
- figcaption元素
- track元素
- embed元素
- mark元素
- progress元素
- time元素
- ruby, rt和rp元素
- bdi元素
- wbr元素
- canvas元素
- command元素
- details元素
转载于:https://www.cnblogs.com/yfceshi/p/6790158.html
HTML5学习笔记简明版(5):input的type超级类型相关推荐
- HTML5学习笔记简明版(10):过时的元素和属性
被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...
- HTML5学习笔记简明版(10):废弃的元素和属性
废弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用.现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...
- HTML5学习笔记简明版(9):变化的元素和属性
改变的元素(Element) 下面元素在HTML5里的使用方法稍作改动以便能在web里更好的使用或者起到更大作用: 没有href属性的a元素将显示成一个占位符,并且a元素内部如今支持flow cont ...
- HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
video 通过<video>标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件.视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片. 过去(及目前) ...
- HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
hgroup <hgroup> 标签用于对网页或区段(section)的标题进行组合. <hgroup><h1>Welcome to my WWF</h1&g ...
- HTML5学习笔记简明版(2):新元素之section,article,aside
section section元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块.section可以表示成一个小节,或者tab ...
- HTML5学习笔记简明版(8):新增的全局属性
contenteditable属性 不论什么元素使用contenteditable属性的话,代表该元素是一个可编辑的区域. 用户能够改变元素的内容以及操作标记.比如: <pcontentedit ...
- HTML5学习笔记简明版(11):新API
HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口. 这些接口在全部实现了Document接口的元素对象上进行了实现.HTML5在 ...
- HTML5 学习笔记
HTML5 学习笔记 前言 该学习笔记的相关学习视频:[狂神说Java]HTML5完整教学通俗易懂 目前笔记只有简单的例子和框架,将来在实践中会进一步学习和补充内容 目录 HTML5 学习笔记 前言 ...
最新文章
- java中利用反射创建对象,利用java反射机制动态创建对象
- 模型可解释性-树结构可视化
- Python数据分析笔记——Numpy、Pandas库
- 关于字体图标在firefox上本地访问无法显示的问题分析
- 【英语学习】【Level 07】U02 Live Work L1 Welcome to my home
- Docker服务安全加固
- 第 13 章 MEncoder的基础用法
- 修改mysql字符集后如何生效_修改MySQL字符集
- 买个社区团购小程序多少钱呢?微信社区团购小程序怎么做
- C++编写COM组件 ATL工程
- 运算放大器(运放)选型、参数分析以及应用OPA2350
- 【彼得林奇 投资选股智慧全集】读书笔记
- android国外壁纸app,4K Wallpapers,火遍全球的4K高清壁纸App,谷歌市场1300万好评!...
- ChemDraw如何画聚合物,看完就知道了!
- python matplotlib坐标轴刻度设置
- response.setHeader()方法设置http文件头的值
- Beta函数和Gamma函数的关系
- 云弹性:它如何影响云计算?
- python将一个组数分成几个相同元素的数组,末位少了不补齐
- 什么是stm32的部分重映像与完全重映像