"html5"相关教程
[HTML] HTML Audio/Video DOM loadstart 事件
HTML5Audio/VideoDOM参考手册实例提示音频的元数据已加载:myVid=document.getElementById("video1");myVid.onloadstart=alert("Starting to load video");亲自试一试定义和用法当浏览器开始寻找指定的音频/视频时,会发生loadstart事件。即当加载过程开始时。当音频/视频处于加载过程中时,会依次发生以下事件:...
HTMLDOMCanvas对象定义和用法clip()方法从原始画布中剪切任意形状和尺寸。提示:一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域)。您也可以在使用clip()方法前通过使用save()方法对当前画布区域进行保存,并在以后的任意时间对其进行恢复(通过restore()方法)。实例从画布中剪切200*120像素的矩形区域。然后,绘制绿色矩形。只有被剪切区域内的绿色矩形部分是可见的:YourbrowserdoesnotsupporttheHTML5...
[HTML] HTML <button> 标签的 form 属性
HTML<button>标签实例位于表单之外的提交按钮:<button type="submit" form="nameform"value="Submit">提交</button>亲自试一试定义和用法form属性规定按钮属于一个或多个表单。form属性的值必须是按钮所属表单的id。如需引用一个以上的表单,请使用空格分隔的列表。HTML4.01与HTML5之间的...
[HTML] HTML Audio/Video DOM progress 事件
HTML5Audio/VideoDOM参考手册实例提示视频正在下载中:myVid=document.getElementById("video1");myVid.onprogress=alert("Starting to load video");亲自试一试定义和用法当浏览器正在下载指定的音频/视频时,会发生progress事件。当音频/视频处于加载过程中时,会依次发生以下事件:loadstartdurat...
HTMLDOMCanvas对象定义和用法arcTo()方法在画布上创建介于两个切线之间的弧/曲线。提示:请使用stroke()方法在画布上绘制确切的弧。实例在画布上创建介于两个切线之间的弧:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getContext("2d");}catch(er){canvOK=0;}if(canvOK==1){v...
[HTML] Canvas isPointInPath() 方法
HTMLDOMCanvas对象定义和用法isPointInPath()方法返回true,如果指定的点位于当前路径中;否则返回false。实例绘制一个矩形,如果点20,50位于当前路径中:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getContext("2d");}catch(er){canvOK=0;}if(canvOK==1){var...
HTMLDOMCanvas对象定义和用法scale()方法缩放当前绘图,更大或更小。注释:如果您对绘图进行缩放,所有之后的绘图也会被缩放。定位也会被缩放。如果您写scale(2,2),那么绘图将定位于距离画布左上角两倍远的位置。实例例子1绘制矩形,放大到200%,然后再次绘制矩形:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getCont...
HTMLDOMCanvas对象定义和用法rotate()方法旋转当前的绘图。实例将矩形旋转20度:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getContext("2d");}catch(er){canvOK=0;}if(canvOK==1){varctx=c.getContext("2d");ctx.rotate(20*Math.PI...
HTMLDOMCanvas对象定义和用法translate()方法重新映射画布上的(0,0)位置。注释:当您在translate()之后调用诸如fillRect()之类的方法时,值会添加到x和y坐标值上。实例在位置(10,10)处绘制一个矩形,将新的(0,0)位置设置为(70,70)。再次绘制新的矩形(请注意现在矩形从位置(80,80)开始绘制):YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("my...
[HTML] Input Submit formEnctype 属性
HTMLDOMInputSubmit对象定义和用法formEnctype属性设置或返回提交按钮的formenctype属性的值。HTMLformenctype属性规定表单数据在提交到服务器时应如何编码(仅适用于带有method="post"的表单)。formenctype属性覆盖<form>元素的enctype属性。注释:formenctype属性是HTML5中type="submit"的<input>元素的新属...
[HTML] Input Submit formNoValidate 属性
HTMLDOMInputSubmit对象定义和用法formNoValidate属性设置或返回表单数据在提交时是否应该被验证。此属性反映formnovalidate属性。当设置为true时,此属性将"formnovalidate"属性添加到提交按钮,并规定提交时不应验证表单数据。这会覆盖表单的novalidate属性。注释:formnovalidate属性是HTML5中type="submit"的<input>元素的新属性。另...
[HTML] Input Submit formTarget 属性
HTMLDOMInputSubmit对象定义和用法formTarget属性设置或返回提交按钮的formtarget属性的值。HTMLformtarget属性规定名称或关键字,指示在哪里显示提交表单后收到的响应。formtarget属性覆盖<form>元素的target属性。注释:formtarget属性是HTML5中type="submit"的<input>元素的新属性。另请参阅:HTML参考手册:HTML<input>...
HTMLDOMCanvas对象定义和用法fillText()方法在画布上绘制填色的文本。文本的默认颜色是黑色。提示:请使用font属性来定义字体和字号,并使用fillStyle属性以另一种颜色/渐变来渲染文本。实例使用fillText(),在画布上写文本"Helloworld!"和"sucainiu.com":YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("m...
HTMLDOMCanvas对象定义和用法strokeText()方法在画布上绘制文本(没有填色)。文本的默认颜色是黑色。提示:请使用font属性来定义字体和字号,并使用strokeStyle属性以另一种颜色/渐变来渲染文本。实例使用strokeText(),在画布上写文本"Helloworld!"和"sucainiu.com":YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getEleme...
范围:十进制9600-9631,十六进制2580-259F如果您希望在HTML中显示特殊字符,可以使用下表中的HTML实体。如果字符没有HTML实体,则可以使用十进制(dec)或十六进制(hex)引用。实例<p>我会显示 ▂</p><p>我会显示 ▂</p>将显示为:我会显示 ▂我会显示 ▂亲自试一试较老的浏览器可能不支持下表中的所有HTML5实体...