为什么需要自定义数据属性？很多时候我们需要存储一些与不同DOM元素相关联的信息。这些信息对于读者来说可能是不需要的，但是可以轻松的访问这些信息将会给我们开发者的工作带来极大的便利。例如，假设你有一份某个餐饮类网站上所有餐馆的名单。在HTML5之前，如果你想存储餐馆提供的食物种类或餐馆与用户之间的距离等信息，那么你将使用HTML的class属性。但是如果你还需要存储餐馆的id以便查看用户想要访问的特定餐厅该怎么办？以下...
placeholder 占位符
autofocus 自动获取焦点
autocomplete 自动获取内容 （必须提交 name）
required 必填
pattern 正则表达式 (不需要/ / “”)
Multiple 文件上传可上传多个
Form<form action="" id="myForm"><!--placeholder：提示文本，提示占位--><!--autofocus:自动获取焦点--><!--autocomplete:自动完成：on:打开 off:关闭1.必须成功提交过:提交过才会记录2.当前添加autocomplete的元素必须...
用2中方法给单复选框增加新的特性，使直接点击文字就可以被选中1.将选项放入label标签内添加for属性，并在input标签内添加id，两者值相同。2.将input标签放到label标签内，注意label标签内不使用for属性。?1.在optgroup里面添加label属性，可以给每组添加标题，标题为不可选；?2.当在option里面添加label属性，选项默认label的属性值原文：http://www.cnblogs.com/Litter-Tulip/p/5261487.html
读写方式data-*有两种设置方式，可以直接在HTML元素标签上书写<div id="test" data-age="24">Click Here</div>其中的data-age就是一种自定义属性，当然我们也可以通过JavaScript来对其进行操作，HTML5中元素都会有一个dataset的属性，这是一个DOMStringMap类型的键值对集合var test = document.getElementById(‘test‘);test.dataset.my = ‘Byron‘;这样就为div添加了一个data-my的自定义属性，使用JavaScript操作dataset有两个需...
模板页面核心代码：<ignore_js_op> 核心js代码：<ignore_js_op>服务器端测试代码：<ignore_js_op> 效果图如下：<ignore_js_op> 、更多技术资讯可关注：gzitcast原文：https://www.cnblogs.com/heimaguangzhou/p/11452073.html
一HTML5新增属性1.1contcxtmcnucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div id="div1" style="height:900px; background: lightgreen;" contextmenu="menuShare"></div><menu id="menuShare" type="context"><menuitem label="分享到QQ空间" onclick="alert(‘QQ‘);"></menuitem><menuitem label="分享到朋友圈" onclick="alert(‘朋友圈‘);"></menui...
之前为大家介绍了些许关于HTML5新添加的小东东，想必大家也有所了解了。今天为大家介绍HTML5中有关HTMLDocument方面新添加的内容。那么HTML5中有关HTMLDocument方面新添加的内容都有什么呢?HTML5中有关HTMLDocument方面新添加的内容有readyState属性、兼容模式判断和head属性。下面就为大家一一介绍这些新添加的小东东吧。 1、readyState属性 早在IE4时代的时候，document对象就引入了readyState属性了，但是一直都没有纳入标...
1.链接数据：文本链接图片链接2.属性：href属性：指向另一个文档的链接name属性：创建文档内的链接（href="#name的值"）3.img标签属性：src：指向文件地址（src="html.peg"）alt：替换文档属性(当图片不显示时，起描述图片作用)width：宽height：高原文：http://www.cnblogs.com/moluo/p/6361100.html
写在前面的话： 由于CSS3标准还未完全订下来，所以各种内核的浏览器都有自己的标准，为了不使属性混淆，所以各家在各家自标准前加了一个前缀，如：-moz-主要是firefox火狐 -webikt-主要是chrome谷歌 -o-主要是用于苹果浏览器 一.box-shadow（阴影效果）使用：box-shadow：20px 10px 0 #000；-moz-box-shadow：20px 10px 0 #000；-webkit-box-shadow：20px 10px 0 #000；支持：FF3.5，Safari4，Chrome3二.border-colors（为边...
前言：HTML5 中 Audio and Video的使用方法比较简单，但就是比较复杂，方法属性多。如果不常用的几乎难以记住，甚至有些人难以区分不同属性和方法的作用，更别说应用了。以下对Audio and Video的使用方法做了一个简单的总结，算是一个大致轮廓。至于具体的使用方法可以再网上查到，比较多就没总结。HTML5 Audio and Video 的优势1、作为原生的浏览器支持，无需安装任何第三方插件2、HTML5 规范提供了一套完整的多媒体脚本化控制的A...
[sourcecode language="plain"]<!DOCTYPE html>
<html
manifest="cache.manifest"><!--
manifest属性定义离线应用文件，详见：http://www.haojianhua.com/2015/07/29/html-5-manifest/--><head>
<meta
charset="UTF-8"><!--
charset属性：规定页面字符集
--><meta
http-equiv="pragma"
content="no-cache"><!--
http-equiv属性：不是html5新增属性，禁止浏览器缓存，详见：http://www.haojianhua.com/2015/07/30/http-equiv/-->
<t...
前端之HTML5，CSS3（一） HTML5中常用内容标签 header标签 header标签定义文档的页眉，基本语法：<header>content</header>。 nav标签 nav标签定义导航链接部分，基本语法：<nav>content</nav>。 footer标签 footer标签定义文档的页脚，基本语法：<footer>content</footer>。 article标签 article标签定义文章内容部分，基本语法：<article>content</article>。 section标签 section标签定义文档...
这节课给大家补充一下，一些 前些课程没有接触的知识。在XHTML中，表单内的从属元素必须书写在表单内部，但是在HTML5中，可以把他们书写在页面上任何地方，然后给元素制定一个form属性，属性值为该表单单位的id，这样就可以声明该元素从属于指定表单了。这个我想对于我们来说，应该是个很新奇的玩意吧<!DOCTYPE HTML>
<html><head><meta charset="UTF-8"><title>form属性</title></head><body><form action="" id="testform"> <...
HTML5对Web Form做了很多增强，比方input新增的type类型、Form Validation等。Placeholder是HTML5新增的还有一个属性，当input或者textarea设置了该属性后。该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。曾经要实现这效果都是用JavaScript来控制才干实现 , firefox、google chrome等表示对其支持 , 只有IE存在违和感啊!比如: <input id="t1" type="text" placeholder="请输入文字" />介绍一个超强...
HTML5 增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。<input type="button" value="按钮" data-index="10" data-index-color="red" >在开始之前我们先来看下之前我是如何获取自定义属性的。 var oBtn=document.querySelector(‘input‘);
consol...
原文 ： HTML5 autofocus Attribut