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...
<div id="box" aaa="bbb" data-info="hello"></div><body><script>var box = document.getElementsByTagName("div")[0]; console.log(box.dataset[‘info‘]); console.log(box.id);//box console.log(box.aaa);//undefined 标签的自定义属性无法映射到对象身上 console.log(box.getAttribute(‘aaa‘));//bbb 自定义属性需要使用getAttribute进行获取/* * HTML5的属性设置与读取 * */ box.setAttribute(‘...
