疯狂java迷

 

2011年12月13日

HTML5 表单元素

摘要: HTML5拥有若干涉及表单的元素和属性:datalist , keygen , outputdatalist 元素datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id:实例Webpage: <input type="url" list="url_list" name="link" /><datalist id="url_list">< 阅读全文

posted @ 2011-12-13 18:40 疯狂java迷 阅读(172) 评论(0) 推荐(0) 编辑

HTML5 Input类型

摘要: HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。HTML5新的Input类型有:email , url , number , range , Date pickers(date,month,week,time,datetime,datetime-local), search , coloremail类型用于应该包含e-mail地址的输入域。在提交表单时,会自动验证email域的值。<input type="email" name="user_email"/>url类型用于应该包含URL地址的输入域。在提交表单时,会自 阅读全文

posted @ 2011-12-13 18:22 疯狂java迷 阅读(486) 评论(0) 推荐(0) 编辑

HTML5 Web存储

摘要: 用于在客户端存储数据HTML5提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个session的数据存储之前,这些都是由cookie完成的。但是cookie不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得cookie速度很慢而且效率也不高。在HTML5中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。HTML5使用JavaScript来存储和访问数据。loca.. 阅读全文

posted @ 2011-12-13 17:35 疯狂java迷 阅读(202) 评论(0) 推荐(0) 编辑

HTML5 Canvas

摘要: HTML 5 的 canvas元素使用JavaScript在网页上绘制图形。画布是一个矩形区域,您可以控制其每一像素。canvas拥有多种绘制路径,矩形,圆形,字符以及添加图像的方法。canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成。向HTML5页面添加canvas元素:<canvas id="myCanvas" width="200" height="100"></canvas>通过JavaScript来绘制图形:<script type="text/ja 阅读全文

posted @ 2011-12-13 17:00 疯狂java迷 阅读(425) 评论(1) 推荐(0) 编辑

HTML5 音频

摘要: <!DOCTYPE HTML><html><body><!-- control属性供添加播放,暂停和音量控制 --><!-- <audio>与</audio>之间插入的内容是供不支持audio元素的浏览器显示的 --><!-- audio元素允许多个source元素。source元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式 --><audio controls="controls"><source src="/i/song.ogg&quo 阅读全文

posted @ 2011-12-13 16:42 疯狂java迷 阅读(245) 评论(0) 推荐(0) 编辑

HTML5 视频

摘要: <!DOCTYPE HTML><html><body><!-- control属性供添加播放,暂停和音量控制 --><!-- 包含宽度和高度属性也是不错的主意 --><!-- <video>与</video>之间插入的内容是供不支持video元素的浏览器显示的 --><!-- video元素允许多个source元素。source元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式 --><video width="320" height="240 阅读全文

posted @ 2011-12-13 16:34 疯狂java迷 阅读(314) 评论(0) 推荐(0) 编辑

html5创建联系人表单

摘要: html5代码:(占位文本(PlaceHolder)是指当一个文本框没有被focus的时候显示的是提示文字,当他被点击之后就显示空白。这个功能很不错,但是并不是所有的浏览器都支持。)<!doctype html><html lang="en" class="no-js ie8"><head><meta charset="utf-8"><title>Contact Form</title><link rel="stylesheet" typ 阅读全文

posted @ 2011-12-13 13:50 疯狂java迷 阅读(643) 评论(0) 推荐(0) 编辑

导航