摘要: HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,类型如下:1. email email类型用于应该包含e-mail地址的输入域,在提交表单时,会自动验证email域的值,如:E-mail: 2. url url类型用于应该包含URL地址的输入域,在提交表单时,会自动验证url域的值,如:Homepage: 3. number number类型用于应该包含数值的输入域,还能够设定对所接受的数字的限定,如:Points: 使用下面的属性来规定对数字类型的限定:1). max:规定允许的最大值2). min: 规定允许的最小值3). ste... 阅读全文
posted @ 2014-01-07 22:25 featherfly 阅读(376) 评论(0) 推荐(0)
摘要: HTML5提供了两种在客户端存储数据的新方法:localStorage:没有时间限制的数据存储sessionStorage:针对一个会话的数据存储 在HTML5中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。 HTML5使用JavaScript 来存储和访问数据。1. localStorage localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。2. sessionStorage sessionStora... 阅读全文
posted @ 2014-01-07 19:46 featherfly 阅读(200) 评论(0) 推荐(0)
摘要: HTML5的canvas标签使用JavaScript在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素,它拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建画布只需向HTML5页面添加canvas标签,定义画面的id、宽度和高度,方法如下: canvas标签本身是没有绘图能力的,所有的绘制工作必须在JavaScript内部完成,如下面的代码: JavaScript使用id来寻找canvas元素:var c=document.getElementById("myCanvas"); 然后,创建context 对象:var cxt=c.getContext(&qu 阅读全文
posted @ 2014-01-07 13:41 featherfly 阅读(1064) 评论(0) 推荐(0)