摘要: a 标签点击后存在虚线框 阅读全文
posted @ 2013-08-25 17:41 陆航 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 1 web storage分两种方法:sessionStorage 和localStorage。所谓session是指用户在浏览某个网站时,从进入往后在哪到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间2 使用localStorage方法时,需注意数据保存是按不同的浏览器分别进行的,也就是说,如果打开别的浏览器,是读取不到在这个浏览器中保存的数据的。 阅读全文
posted @ 2013-05-03 08:48 陆航 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 绘制渐变图形绘制渐变使用图形上下文对象的createLinearGradient方法创建对象context.createLinearGradient(xstart, ystart,xend, yend);第一、二个参数为渐变起始地点横纵坐标,第三四个参数为渐变结束的横纵坐标。颜色填充context.addColorStop(offset,color);第一个参数为所设定的颜色离开渐变起始点的偏移量,他的值范围在0到1之间,第二个参数为绘制时使用的颜色。context.createRadialGradient(400,0,0,400,0,400)第一二个参数表示渐变开始圆心的横纵坐标,第三个参数 阅读全文
posted @ 2013-04-23 18:04 陆航 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 自动验证required属性 html5中新增的这个属性可以应用在大多数的输入元素上pattern属性 其值为正则表达式min属性和max属性step属性显示验证在html5中,form元素与input元素都具有一个checkValidity方法。调用该方法。 可以显式地对表单内所有元素内容或单个元素进行有效性的验证,checkValidity以boolean的形式返回验证结果。************************************* 火狐 chrome oprea 都可以取消验证第一种方法:利用form元素的novalidate属性,他可以关闭整个表单的验证,先把该属性设置 阅读全文
posted @ 2013-04-23 16:07 陆航 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 新增属性 以及其支持性form属性:在html4中,表单内从属元素必须书写在表单内部,在html5中可以把他们书写在页面的任何地方,然后给该元素指定一个form属性,属性值为该表单的id。这样就可以声明该元素从属与指定表单了。 这样做的好处是当需要给页面中的元素添加样式时可以更方便地添加,因为他们不是呗散在各个表单之内的*************************************只有opera10支持formaction属性在html4中,一个表单内的所有元素都只能通过表单的action属性统一提交到另一个页面,而在html5中可以给所有的提交按钮都增加不同的formact... 阅读全文
posted @ 2013-04-23 11:20 陆航 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 学习内容:掌握HTML5中新增的表单中元素可以使用的属性及它们的使用方法。掌握html5中新增表单元素及它们的使用方法。掌握html5中新增的关于表单内元素内容的有效性的验证方法。包括属性验证,显式验证,取消验证,以及自定义验证信息。掌握html5中除了表单以外。在页面上新增及改良的元素,以及它们的使用方法。掌握文件API,包括掌握File对象与FileList对象的使用方法。掌握Blob对象的概念和使用方法,掌握FileReader对象以及他的使用方法。事件定义,事件触发条件以及时间发生的前后顺序。掌握怎样利用拖放API使页面中的元素可以互相拖放,掌握DateTransfer对象的属性和方法 阅读全文
posted @ 2013-04-23 08:52 陆航 阅读(178) 评论(0) 推荐(0) 编辑
摘要: section用于对网站或应用程序中页面上的内容进行分块,一个section元素通常由内容及其标题组成。section元素中的内容可以单独存储到数据库中或者输出到word文档中通常不推荐为那些没有标题的内容使用section元素 可以使用html5的轮廓工具来检查页面中是否有没标题的section 测试工具地址gsnedders.html5.org/outliner/section元素的作用是对页面上的内容进行分块,或者说文章进行分段,而article有这自己的完整的独立的内容事实上,在html5中,article元素可以看成是一种特殊种类的section元素,他比section元素更强调独立 阅读全文
posted @ 2013-04-22 16:46 陆航 阅读(926) 评论(0) 推荐(0) 编辑
摘要: contentEditable属性为true时,元素被指定为允许编辑designMode属性用来指定整个页面是否可编辑,他的值有on和off,他只能通过js来进行改变并且各个浏览器有不同的支持程度; js语句是 document.designMode = "on"hidden所有元素都允许使用一个hidden属性,他拥有两个值,当设为true时,元素处于不可见的状态,设为false元素处于可见的状态speelcheck属性的功能对用户输入的文本内容进行拼写和语法检查,也是拥有true 和false值 阅读全文
posted @ 2013-04-22 15:12 陆航 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 结构元素section元素表示页面中的一个内容区块:比如章节、页眉、页脚或页面中的其他部分。它可以与h1 h2 h3 h4 h5 h6等元素结合起来article 元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一遍文章aside 元素表示article元素的内容之外的、与article元素的内容相关的辅助信息。header元素表示页面中一个内容区块或整个页面的标题hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合footer 元素表示整个页面或者页面中一个内容区块的脚注nav 元素表示页面中导航链接的部分。figure 元素表示一段独立的流内容,一般 阅读全文
posted @ 2013-04-22 14:34 陆航 阅读(2141) 评论(0) 推荐(0) 编辑
摘要: <label> 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果你在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。 阅读全文
posted @ 2012-10-08 14:48 陆航 阅读(421) 评论(0) 推荐(0) 编辑