1.Email输入框,自动验证Email有效性。 代码如下: 2.number数字输入，验证正确，可以设置开始结束位。 代码如下: 3.URL输入框，可以验证URL输入的有效性。 4.Date pickers (date, month, week, time, datetime, datetime-local)选择框，可以选择日期，时间，月，周。 代码如下: 5.datalist输入选择。 代码如下:
定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。 浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载...
创建一个Canvas画布的方法如下：代码如下:可以在标签中添加标签不可用时的替代文本，如下所示：代码如下: Your browserdoes not support the canvas element.目前新版本的各类浏览器已经逐步开始支持HTML5，所以在开始使用之前请确保你的浏览器是新版本的Chrome、Firefox或者是IE9以上的浏览器。 标签本身并不具备画图的能力，其本身只是为JavaScript提供了一个绘制图像的区域，因此画图工作需要再JavaScript中完成。如下所...
viewport 语法介绍： 代码如下:content=”height = [pixel_value | device-height] ,width = [pixel_value | device-width ] ,initial-scale = float_value ,minimum-scale = float_value ,maximum-scale = float_value ,user-scalable = [yes | no] ,target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]”/> 参数解释： width—-控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-wid...
因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。一、web storage和cookie的区别Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。除此之外，Web Stor...
今天先介绍下 html5 新增的结构元素，有的经常使用到，有的用不上，虽然说它们的出现是更促进页面更有语义，更好的 seo，但其实当页面禁用样式后，它们的展现跟 div 是没撒差别，有同学可能会说，既然一样，又不影响页面的最终展现，不管是 article 还是 section 能用就好了。如果考虑实际项目的针对用户，我也是这么认为的，但作为一个重构仔，我们还是得专业点，再考虑到无障碍这块，那么 html5 标签的作用就更明显了。于是复习下...
目前实时Web应用的实现方式，大部分是围绕轮询和其他服务器端推送技术展开的，其中最著名的是Comet。Comet技术可以让服务器主动以异步方式向客户端推送数据。 使用轮询时，浏览器定期发送HTTP请求，并随即接收响应；使用长轮询时，浏览器向服务器发送一个请求，服务器会在一段时间内将其保持在打开状态；使用流解决方案时，浏览器会发送一个完整的HTTP请求，但服务器会发送并保持一个处于打开状态的响应，该响应持续更新并无限期处...
Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联和标签的基础上对网站添加漂亮而细腻的风格样式。事实上，我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。 虽然我们现在已经普遍使用了HTML4和 CSS2.1，但是我们还可以做得更好！我们可以重组我们代码的...
定义和用法 标签定义嵌入的内容，比如插件。 实例 HTML 4.01 与 HTML 5 之间的差异 标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性值描述 height 属性" target="_blank" href="http://www.gxlcms.com/w3school/html5/att_embed_height.htm">heightpixels设置嵌入内容的高度。 src 属性" target="_blank" href="http://www.gxlcms.com/w3school/html5/att_embed_src.htm">srcurl嵌入内容的 URL。 type 属性" t...
一、 Data URI scheme 简介 Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。比如上面那串字符，其实是一张小图片，将这些字符复制黏贴到火狐的地址栏中并转到，就能看到它了，一张1X36的白灰png图片。在上面的Data URI中，data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。或许你已经...
元素HTML元素表示一个页面的一部分， 它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介等。 元素使用注意事项：不要使用元素标记括号中的文字，因为这种类型的文本被认为是主内容的一部分。 使用例子：XML/HTML Co...
☆ canvas.getContext(2d) 不可在convas中直接绘图，必须用该方法获得其二维空间绘图上 下文。 ☆ context.beginPath() 表示开始新的路径绘制。 ☆ context.isPointInPath(x, y) 判断某个点是否在路径上。在坐标系被转换后该方法不适用。 ☆ context.moveTo(x,y) 相当于将画笔从画板提起，笔尖离开画板，然后再将笔尖定位在 (x,y)坐标处，在这个新的位置开始新的绘制。 ☆ context.lineTo(x, y) 相当于画笔笔尖不离开画板，画笔笔尖...
以JSON编码格式提交表单数据是HTML5对WEB发展进化的又一大贡献，以前我们的HTML表单数据是通过key-value方式传输的服务器端，这种形式的传输对数据组织缺乏管理，形式十分原始。而新出现的JSON格式提交表单数据方法，将表单里的所有数据转化的具有一定规范的JSON格式，然后传输的服务器端。服务器端接收到的数据是直接可以使用的合格JSON代码。如何声明以JSON格式提交表单 大家应该对如何用表单上传一个文件的写法很熟悉，它需要在...
定义和用法 标签定义有序列表。HTML 4.01 与 HTML 5 之间的差异在 HTML 4.01 中，不赞成使用 "start" 属性，在 HTML 5 中是允许的。在 HTML 4.01 中，不赞成使用 "compact" 和 "type" 属性，在 HTML 5 中，不再支持这两个属性。提示和注释提示：请使用 CSS 来定义列表的类型。例子XML/HTML Code复制内容到剪贴板ol> li>Coffeeli> li>Teali> ol> ol> li start="60">Coffeeli> li>Teali> ol> HTML5提供的OL标签...
在传统的html中，某个文件的下载，是这样的： XML/HTML Code复制内容到剪贴板a href="=/files/abc1234564545.pdf">reporta> 而在HTML 5浏览器中，可以支持download属性了，如下： XML/HTML Code复制内容到剪贴板a href="=/files/abc1234564545.pdf" download="abc">reporta> download属性的好处在于，在用户下载文件的时候，显示在用户浏览器 中的“另存”为的文件显示框中，显示的是这个downloader属性中显示的 东...