HTML5 CC

HTML5

	
<progress value="30" max="100"></progress> 进度条

form表单内
	required 必填项
	placeholder =“框内提示”
	autofocus 焦点
	autocomplete 自动完成 on开 off关
	
	<form action="" method="get" autocomplete="on">
	<input type="text" name="fname" /><br />
	<input type="email" name="email" autocomplete="off" /><br />
	<input type="submit" />
	</form>
	


	<input type="search" >搜索框






svg 画图 属性
	animate 动画
	
attributeName：指定哪个属性需要产生动画效果

from：指定属性的起始值

to：指定属性的结束值

dur：指定动画运行的时间（持续时间）

fill=“freeze|remove”：指定动画播放完毕后是停留在播放的终点还是回到起始位置

repeatCount：指定动画的重复播放次数

无限重复动画，请使用值 “indefinite” 作为 repeatCount 属性。







canvas 靠脚本（JavaScript）画图

fill 实心
storke 空心










web存储

localStorage 与 sessionStorage 的区别

localStorage 对象存储的数据没有时间限制。

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。


保存数据：localStorage.setItem(key,value);
读取数据：localStorage.getItem(key);
删除单个数据：localStorage.removeItem(key);
清除所有数据：localStorage.clear();
得到某个索引的key：localStorage.key(index);



getCurrentPosition() 位置信息