首页 > 代码库 > HTML5
HTML5
HTML5的新特性 :1、用于绘画的 canvas 元素
2、用于媒介回放的 video 和 audio 元素
3、对本地离线存储的更好的支持
4、新的特殊内容元素,比如 article、footer、header、nav、section
5、新的表单控件,比如 calendar、date、time、email、url、search
HTML5的新的表单元素 :1、datalist:datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id。
2、keygenkeygen: 元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器(key-pair generator)。
当提交表单时,会生成两个键,一个是私钥,一个公钥。私钥(private key)存储于客户端,公钥(public key)
则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。
3、output:output 元素用于不同类型的输出,比如计算或脚本输出
HTML5新的 Input 类型:1、email:email 类型用于应该包含 e-mail 地址的输入域。在提交表单时,会自动验证 email 域的值。
2、url:url 类型用于应该包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值。
3、number:number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定
4、range:range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。您还能够设定对所接受的数字的限定
5、Date Pickers(日期选择器):(1)date - 选取日、月、年(2)month - 选取月、年(3)week - 选取周和年
(4)time - 选取时间(小时和分钟)(5)datetime - 选取时间、日、月、年(UTC 时间)
(6)datetime-local - 选取时间、日、月、年(本地时间)
6、search:search 类型用于搜索域,比如站点搜索或 Google 搜索。search 域显示为常规的文本域。
HTML5的新的表单属性:1、autocomplete 属性:autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
注释:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password,
datepickers, range 以及 color。
2、autofocus 属性:autofocus 属性规定在页面加载时,域自动地获得焦点。
注释:autofocus 属性适用于所有 <input> 标签的类型。
3、form 属性:form 属性规定输入域所属的一个或多个表单。
注释:form 属性适用于所有 <input> 标签的类型。form 属性必须引用所属表单的 id。
4、表单重写属性(form override attributes)允许您重写 form 元素的某些属性设定。(1)formaction - 重写表单的 action 属性
(2)formenctype - 重写表单的 enctype 属性(3)formmethod - 重写表单的 method 属性(4)formnovalidate - 重写表单的
novalidate 属性(5)formtarget - 重写表单的 target 属性
注释:表单重写属性适用于以下类型的 <input> 标签:submit 和 image。
5、height 和 width 属性:height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。
注释:height 和 width 属性只适用于 image 类型的 <input> 标签。
6、list 属性:list 属性规定输入域的 datalist。datalist 是输入域的选项列表。
注释:list 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, date pickers, number, range 以及 color。
7、min、max 和 step 属性:min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。max 属性规定输入域所允许
的最大值。min 属性规定输入域所允许的最小值。step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6
等)。
注释:min、max 和 step 属性适用于以下类型的 <input> 标签:date pickers、number 以及 range。
8、multiple 属性:multiple 属性规定输入域中可选择多个值。
注释:multiple 属性适用于以下类型的 <input> 标签:email 和 file。
9、novalidate 属性:novalidate 属性规定在提交表单时不应该验证 form 或 input 域。
注释:novalidate 属性适用于 <form> 以及以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers,
range 以及 color.
10、pattern 属性:pattern 属性规定用于验证 input 域的模式(pattern)。模式(pattern) 是正则表达式。
注释:pattern 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password。
11、placeholder 属性:placeholder 属性提供一种提示(hint),描述输入域所期待的值。
注释:placeholder 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password。
12、required 属性:required 属性规定必须在提交之前填写输入域(不能为空)。
注释:required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, number,
checkbox, radio 以及 file。
HTML5