html5新增及废除属性

<form>
<p>用户名：<input type="text" autofocus /></p>
<p>密&nbsp;&nbsp;码：<input type="password"/></p>
</form>

<form action="" method="" id="user_form">
<p>用户名：<input type="text" autofocus placeholder="用户名"/></p>
</form>
<p>下面的密码框在form表单之外，但仍然属于form表单会被提交到服务器</p>
<p>密&nbsp;&nbsp;码：<input type="password" placeholder="密码" form="user_form"/></p>

<form action="" method="" id="user_form">
<p>用户名：<input type="text" autofocus placeholder="用户名" required/></p>
<p><input type="submit" value="提交"/></p>
</form>

<form action="" method="get" autocomplete="on">
First name:
<input type="text" name="fname" /><br />
Last name:
<input type="text" name="lname" /><br />
E-mail:
<input type="email" name="email"autocomplete="on"/><br />
<input type="submit" />
</form>

<form action="server.jsp" method="get" id="user_form">
E-mail:
<input type="email" name="useremail" /><br />
<input type="submit" formmethod="get" formaction="s1.jsp" value="get方法提交到s1.jsp" /><br />
<input type="submit" formmethod="post" formaction="s2.jsp" value="post方法提交到s2.jsp" /><br />
</form>

<form action="demo_form.jsp" method="get" id="user_form">
E-mail: <input type="email" required name="useremail" /><br />
<input type="submit" formnovalidate="true" value="Submit without validation" />
</form>

<form action="server.jsp" method="get" id="user_form">
E-mail:
<input type="email" name="useremail" /><br />
<input type="image" src="img/submit.png" width="30px" height="30px"/>
</form>

<form action="demo_form.jsp" method="get">
主页:<input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="baidu" value="http://www.baidu.com" />
<option label="qq" value="http://www.qq.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<input type="submit" />
</form>

<form action="demo_form.jsp" method="get">
<label>time小时，分钟：<input type="time" name="user_time"></label>
<p>input类型time在firefox下不支持，给出模拟实现方案</p>
<label><input type="number" min="0" max="23" step="1">时</label>
<label><input type="number" min="0" max="59">分</label>
<input type="submit" value="提交"/>
</form>

<form action="#" method="get" id="user_form">
Country code:
<input type="text" name="country_code" pattern="[A-z]{3}"title="Three letter country code" />
<input type="submit" />
</form>

<form action="demo_form.jsp" method="get">
选择图片:<input type="file" name="img" multiple="multiple" />
<input type="submit" />
</form>

<form>
<fieldset name="userInfo">
<legend>
<label><input type="checkbox" checked name="enableUserInfo" onchange="form.userInfo.disabled=!checked">启用用户信息</label>
</legend>
<p>
<label>姓名:<input name="userName" required></label>
</p>
<fieldset name="personalInfo">
<legend>
<label><input type="checkbox" checked name="enablePersonalInfo" onchange="form.personalInfo.disabled=!checked">个人信息</label>
</legend>
<p>
<label>生日:<input name="birthday" required></label>
</p>
</fieldset>
<fieldset name="companyInfo">
<legend>
<label><input type="checkbox" checked name="enableCompanyInfo" onchange="form.companyInfo.disabled=!checked">公司信息</label>
</legend>
<p>
<label>公司名称:<input name="companyName" required></label>
</p>
</fieldset>
</fieldset>
</form>

<script>
function setValue(){
var label=document.getElementById("label");
var textbox=label.control;
textbox.value="718308";
}
</script>
<form>
<label id="label">
邮编：
<input id="txt_zip" maxlength="6">
<small>请输入6位数字</small>
</label>
<input type="button" value="设置默认值" onclick="setValue()">
</form>

<script type="text/javascript">
function alertSelectionDirection(){
var testInput=document.getElementById("test");
var direction=testInput.selectionDirection;
alert(direction);
}
</script>
<form>
<input type="text" name="text" id="test">
<input type="button" value="查看选中文本方向" onclick="alertSelectionDirection()">
</form>

<form>
<input type="checkbox" checked/>
<input type="checkbox" indeterminate/>只写一个indeterminate不起作用
<input type="checkbox" id="test"/>
<input type="checkbox" />
</form>
<script>
document.getElementById('test').indeterminate = true;
</script>

<a href="http://www.baidu.com" media="print and (resolution:300dpi)" >查询</a>

<a media="handheld" href="#">手持设备</a>
<a media="tv" href="#">电视</a>

<a href=http://www.mukewang.com/" hreflang="zh" rel="external">

<link rel="icon" href="img/demo_icon.ico" type="image/gif" sizes="16x16" />

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>base element target</title>
<base href="http://localhost/ " target="_blank">
</head>
<body>
<a href="a.html" >a.html页面</a>
</body>
</html>

<ol start="50" reversed>
<li>coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<menu type="toolbar" label="menu">
<li><input type="checkbox" />red</li>
<li><input type="checkbox">blue</li>
</menu>

menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left:;
margin-right:;
padding-left: 40px;
}

<div contextmenu="mymenu">
<p>在黄色div区域右键可看到右键菜单的效果哦~</p>
<menu type="context" id="mymenu">
<menuitem label="自定义刷新" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>
<menu label="自定义分享到...">
<menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text=' + window.location.href);"></menuitem>
<menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
</menu>
<menuitem label="自定义发送邮件" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
</div>
<p>目前仅firefox支持menu属性</p>

<!-- 这个article正常使用head里声明的style -->
<article>
<h1>h1标签内容</h1>
<p>p标签内容</p>
</article><article>
<!-- 这里声明的style只能让该article以及子元素使用 -->
<style scoped>
h1,p{ color: hotpink; }
article { border: solid 1px hotpink; }
</style>
<h1>h1标签内容，受局部作用域的样式控制</h1>
<p>p标签内容，受局部作用域的样式控制</p>
</article>

<!DOCTYPE>
<meta charset="utf-8"></meta>
<meta http-equiv="prama" content="no-cache"><!--禁止掉页面缓存-->
<script defer src="http://code.jquery.com/jquery-1.11.3.min.js" onload="alert('a')"></script>
<script async src="http://code.jquery.com/jquery-migrate-1.2.1.min.js" onload="alert('b')"></script>

CACHE MANIFEST
#This is a commentCACHE #需要缓存的文件
index.html
style.cssNETWORK: #不需要缓存的文件
search.php
login.phpFALLBACK: #资源不可用的情况下，重定向的地址
/api offline.html

<html manifest="/offline.manifest">

<iframe srcdoc="<h1>srcdoc出现，后面src内容被忽略</h1>" src="http://www.baidu.com"></iframe>