HTML5学习笔记简明版（5）：input的type超级类型

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在现有元素上的更新改变。

figure元素
figcaption元素
track元素
embed元素
mark元素
progress元素
time元素
ruby, rt和rp元素
bdi元素
wbr元素
canvas元素
command元素
details元素

时间： 2024-12-27 19:39:33

HTML5学习笔记简明版（5）：input的type超级类型的相关文章

HTML5学习笔记简明版（6）：新增属性（1）

a和area下的media属性为了和link元素保存一致性,a元素和area元素也都增加了media属性,只有在href存在时菜有效.media属性的意思是目标 URL 是为何种媒介/设备优化的,默认值是all,详细语法规范请访问:http://dev.w3.org/csswg/css3-mediaqueries/#media0 代码示例: <a href="att_a_media.asp?output=print" media="print and (resolut

HTML5学习笔记简明版（10）：过时的元素和属性

被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. 以下的元素被废弃的原因是用CSS处理能够更好地替代他们: basefont big center font strike tt 以下的元素被废弃的原因是他们的使用破坏了可使用性和可訪问性: frame frameset noframes 以下的元素被废弃的原因是不常常使用他们,也会引起混乱,并且其

HTML5学习笔记简明版（9）：变化的元素和属性

改变的元素(Element) 下面元素在HTML5里的使用方法稍作改动以便能在web里更好的使用或者起到更大作用: 没有href属性的a元素将显示成一个占位符,并且a元素内部如今支持flow content类型的元素了(比如:article, input, span等). address能够被article, aside, nav, section限定范围了,曾经只能作用于全局范围. b元素如今描写叙述为在普通文章中仅从文体上突出的不包括不论什么额外的重要性的一段文本. 比如:文档概要中的key

HTML5学习笔记简明版（10）：废弃的元素和属性

废弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用.现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. 以下的元素被废弃的原因是用CSS处理能够更好地替代他们: basefont big center font strike tt 以下的元素被废弃的原因是他们的使用破坏了可使用性和可訪问性: frame frameset noframes 以下的元素被废弃的原因是不常常使用他们,也会引起混乱.并且其他

HTML5学习笔记简明版（8）：新增的全局属性

contenteditable属性不论什么元素使用contenteditable属性的话,代表该元素是一个可编辑的区域. 用户能够改变元素的内容以及操作标记.比如: <p contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</p> 该属于有3种值可选:true, false和空字符,空字符代表true. 而对<iframe id="editor"></iframe>框架页面能够通过

HTML5学习笔记简明版（7）：新增属性（2）

dirname属性 input 和 textarea 元素有了一个新元素 dirname,用于用户所设置的提交的方向性的控制(译注,即书写的方向性,ltr或rtl). <form action="addcomment.cgi" method=post> <p><label>Comment: <input type=text name="comment" dirname="comment.dir" requ

HTML5学习笔记简明版（4）：新元素之video,audio,meter,datalist,keygen,output

video 通过<video>标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件.视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片. 过去(及目前),我们通常要使用类似下面这样繁冗丑陋的代码来将视频放置在页面中,但这种方式要求浏览器安装有Flash插件,并支持JavaScript: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="4

HTML5学习笔记简明版（11）：新API

HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口. 这些接口在全部实现了Document接口的元素对象上进行了实现.HTML5在里面也新添加了几个成员: getElementsByClassName():用class类获取元素,用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Document对象(比如:SVG和MathML). innerHTML:一种解析和序列化HTML/XML文档的方式,该

HTML5学习笔记简明版（1）：HTML5介绍与语法

HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(比如<nav>站点导航块和<footer>).新型的标签有利于搜索引擎和语义分析,同一时候更好地帮助小屏幕装置和视障人士使用.除此之外,也提供了一些新的功能,比方视频音频用的<video>和<audio>,总结而言.有例如以下几大特点: 取消了一些HTML4里过时的元素和属性标记当中包含纯粹显示效果的标记,如<font>和<center>