方便布局表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下：1<form id="test" action="test.php" method="get">2<input form="test" type="text" name="name"/>3</form>4<input form="test" type="submit" value="确定"/>可指定提交按钮的目标及方法在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可...
<command> 目前，主流浏览器都不支持 <command> 标签。 注释：只有 IE 9 支持 <command> 标签，其他之前版本或者之后版本的 IE 浏览器不支持 <command> 标签。 想要了解的可以去菜鸟教程查看。<details> 目前，只有 Chrome 和 Safari 6 支持 <details> 标签。 <details>需要和<summary>一起使用，<summary>同样是只有 Chrome 和 Safari 6 支持。例子：<details><summary>Copyright 1999-2011.</summary><p> - by Re...
学习笔记：仅作参考
cc.ScaleTo.create(duration, sx, sy)duration持续时间sx 横坐标大小比例sy 纵坐标大小比例RotateTo：将 cc.Node 对象旋转到一个特定的角度。
RotateBy：将 cc.Node 对象旋转一个特定的角度。使用cc.RotateTo.create(duration, deltaAngleX, deltaAngleY)和cc.RotateBy.create(duration, deltaAngleX, deltaAngleY)来创建动作。duration 运动周期，单位为s。deltaAngleX 水平旋转角度deltaAngleY 垂直旋转角度，...
1、新增的主体元素结构 aside元素：用来表示当前页面或文章的附属信息部分，主要有两种使用方法： （1）被包含在article元素中作为主要内容的附属信息部分。<!DOCTYPE html>
<head>
<meta charset="utf-8" >
<title>aside元素实例</title>
</head><body>
<header><h1>F#入门</h1>
</header>
<article><h1>第四节 词法闭包</h1><p>lambda表达式可以创建词法闭包...（文章正文）</p><aside><!--因为这个aside元素被放置在一个a...
XHTML可扩展的超文本标记语言文档声明： DTD：html5与html4的区别html5新增的元素：结构元素：section ，article， aside， header，hgroup，footer, nav, figure其他元素： video，audio, canvas, input，元素类型：Email， 全局属性：contentEditabledisignModehiddenspellchecktabindex<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>contentEditable</h2...
一、 input type=file与文件上传本文所说的input type=file指的是type类型是file的input元素，最简HTML代码如下：<input type=file>
但是，为了习惯，我们多写成：<input type="file">
在HTML5出现之前(XHTML)，我们的闭合规则则有些出入：<input type="file" />
顾名思义，选择文件，并上传文件。在HTML5还没有出现之前，原生的fileinput表单元素只能让我们一次上传一张图片。无法满足一次上传多图的交互需求，所以，很多场景，就...
contenteditable属性
任何元素使用contenteditable属性的话，代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如：<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
该属于有3种值可选：true, false和空字符，空字符代表true。
而对<iframe id="editor"></iframe>框架页面可以通过JS程序代码来实现：editor.document.designMode="on" 。
contextmenu属性
contextmenu属性用来指...
第十六章 1、 输入和元素 电子邮件框 搜索框 电话框 <inputtype="tel">URL 框 <inputtype="url">以下元素得到了部分浏览器的支持日期 数字 范围 数据列表 下面的输入或者元素得到的支持很少， W3C 指出它们在 2014 年定案之时很可能不会列入 HTML5颜色 全 局 日 期 和时间<inputtype="datetime" />局部日期和时间月 时间 周 输出 2、 属性： 1) accept限制用户可上...
什么是 HTML5？HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。HTML5 新规则：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明新特性HTML5 中的一些有趣的新...
HTML元素 元素是指从开始标签到结束标签的所有代码.开始(开放)标签元素内容结束(闭合)标签<p>this is my web page</p> 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有...
left;">HTML样式 1, 标签:<style>: 样式定义<link>: 资源引用 2. 属性: rel="stylesheet": 外部样式表type="text/css": 引入文档的类型margin-left:边距 3. 三种样式表的插入方法 外部样式表: <link rel="stylesheet" type="text/css" href="mystyle.css"> 注: 外部样式表需要创建css文件, 右击工程目录 New->File, 命名为:MyStyle.css, 必须指定后缀名. .html文件需与.css放在同一目录下. 代码示...
HTML列表 列表标签标签描述<ol>定义有序列表。<ul>定义无序列表。<li>定义列表项。<dl>定义定义列表。<dt>定义定义项目。<dd>定义定义的描述。<dir>已废弃。使用 <ul> 代替它。<menu>已废弃。使用 <ul> 代替它。常用的列表1. 无序列表使用标签: <ul>, <li>属性: disc, circle, square示例:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>聊表</title></head><body><!--无序列表, 列表项为li--><!--disc 实...
之前已经介绍过简单的绘制路径，本篇介绍绘制折线和贝塞尔曲线，首先介绍折线，效果如下：代码如下：context.beginPath();
context.moveTo(100,50);
//context.lineTo(100,50);
context.lineTo(150,150);
context.lineTo(50,150);
//context.closePath();
context.stroke();之前介绍过moveTo后接起点的横纵坐标，我试了一下，第一个是lineTo也可以，后面的lineTo就是从这个点到下一个点画一条直线，然后再以这个点为起点，在调line...
本篇介绍简易的图片操作，首先是简易的图片显示效果如下：就是把一张简单的jpg格式的图片显示在网页上，实现起来也非常简单，代码如下：var image = new Image();
image.src = "icon.jpg";
image.onload = function(){context.drawImage(image,50,50);
}首先创建一个Image对象，然后把image对象的src属性设置为图片的相对路径，最后，重写onload方法，就是一旦图片加载完成则显示出来。下面介绍将我们所绘制的图形导出成图片，效果...
上一篇讲了图片的两种操作，读入和导出，而读入图片之后的画图片我们采用的是只有三个参数的drawImage，本篇将分别介绍5个参数，和9个参数的drawImage，其实最后一个函数很像j2me里面的drawRegion。首先介绍5个参数的可以调整图片大小的drawImage函数。首先来看如下效果：代码如下：var image = new Image();
image.src = "grossini.png";
image.onload = function(){
context.drawImage(image,50,50);
context.drawImage(image,10...
