HTML5 属性

input属性

autocomplete属性：规定form或input域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项

<form action="" method="get" autocomplete="on">

Name:<input type="text" name="user_name" id="user_name" />

E_mail:<input type="email" name="u_email" id="u_email" autocomplete="off"/>

<input type="submit" />

</form>

 

autofocus属性：规定在页面加载时，域自动获得焦点。autofocus适用于所有的<input>标签的类型。

UserName:<input type="text" name="u_name" id="u_name" autofocus="autofocus"/>

 

表单重写属性

 

表单重写属性允许重写form元素的某些属性设定

表单重写属性有：formaction重写表单的action属性。

formenctype 重写表单的enctype

formmethod重写表单的method属性

formnovalidate重写表单的novalidate属性

formtarget重写表单的target属性

 

min、max、step属性 用于包含数字或日期的input类型规定限定

 

multiple属性 规定输入域中可选择多个值

Select images:<input type="file" name="img" id="s_img" multiple="multiple">

novalidate属性 规定在提交表单时不应该验证form或input域

<form action="" method="get" novalidate="true">

E-mail:<input type="email" name="user-email" /><input type="submit">

</form>

 

pattern属性 正则表达式

Country code:<input type="text" id="country_code" pattern="[A-z]{3}" title="Three letter country code">

 

placeholder属性提供一种提示，描述输入域所期待的值，提示会在输入域为空时显示出现，会在输入域获得焦点时消失。

适用于input的以下属性：text，search,url,telephone,email以及password

<input type="search" id="IN_search" placeholder="Search W3School"/>

 

required属性 规定必须在提交之前填写输入域

 

 

window事件属性

onafterprint在打印之后运行脚本

onbeforeprint在文档打印之前运行脚本

onbeforeonload在文档加载之前运行脚本

onblur当窗口失去焦点时运行脚本

onerror当错误发生时运行脚本

onfocus当窗口获得焦点时运行脚本

onhaschange当文档改变是运行脚本

onload 当文档加载时运行脚本

onmessage当发消息时运行脚本

onoffline当文档离线时运行脚本

ononline当文档上线时运行脚本

onpagehide 当窗口隐藏时运行脚本

onpageshow 当窗口可见时运行脚本

onpopstate 当窗口历史记录改变时运行脚本

onredo 到文档执行再执行操作（redo）时运行脚本

onresize 当调整窗口大小时运行脚本

onstorage 当文档加载加载时运行脚本

onundo 当文档执行撤销操作时运行脚本

onunload 当用户离开文档时运行脚本

 

 

表单事件

onblur 当元素失去焦点时运行脚本

onchange 当文档改变时运行脚本

oncontextmenu 当触发上下文菜单时运行脚本

onfocus 当元素获得焦点时运行脚本

onformchange 当表单改变时运行脚本

onforminput 当表单获取用户输入时运行脚本

oninput 当元素获得用户输入时运行脚本

oninvalid 当元素无效时运行脚本

onreset 当表单重置时运行脚本（HTML5不支持）

onselect 当选取元素时运行脚本

onsubmit 当提交表单时运行脚本

 

键盘事件

onkeydown 当按下按键时运行脚本

onkeypress 当按下并松开按键时运行脚本

onkeyup当松开按键时运行脚本

 

鼠标事件

onclick 当单击鼠标时运行脚本

ondblclick当双击鼠标时运行脚本

ondrag 当拖动元素时运行脚本

ondragleave 当元素离开有效拖放目标时运行脚本

ondragover当元素被拖动至有效拖放目标上方时运行脚本

ondragestart当拖动操作开始时运行脚本

ondrop当被拖动元素正在被拖到时运行脚本

onmousedown当按下鼠标按钮时运行脚本

onmousemove当鼠标指针移动时运行脚本

onmouseout当鼠标指针移出元素时运行脚本

onmouseover当鼠标指针移至元素之上时运行脚本

onmouseup当松开鼠标按钮时运行脚本

onmousewheel当转动鼠标滚轮时运行脚本

onscroll当滚动元素滚动元素的滚动条时运行脚本

 

媒介事件——由视频、图像以及一音频等媒介触发的事件,适用于所有HTML5元素，（audio、embed、img、object以及video等）

onabort当发生中止事件时运行脚本

oncanplay 当媒介能够开始播放但可能因缓冲而需要停止时运行脚本

oncanplaythrough 当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本

ondurationchange 当媒介长度改变时运行脚本

onemptied 当媒介资源突然为空时（网络错误，加载错误等）运行脚本

onended 当媒介已抵达结尾时运行脚本

onerror 当在元素加载期间发生错误时运行脚本

onloadeddata 当加载媒介数据时运行脚本

onloadedmetadata 当媒介元素的持续时间以及其他媒介数据已加载时运行脚本

onloadstart 当浏览器开始加载媒介数据时运行脚本

onpause 当媒介数据暂停时运行脚本

onplay当媒介数据将要开始播放时运行脚本

onpalying 当媒介数据已经开始播放时运行脚本

onprogress当浏览器正在取媒介数据时运行脚本

onratechange 当媒介数据的播放速度改变时运行脚本

onreadystatechange 当就绪状态（reay-state）改变时运行脚本

onseeking 当媒介元素的定位属性为真且定位已开始时运行脚本

onseeked 当媒介元素的定位属性不再为真且定位已结束时运行脚本

onstalled 当取回媒介数据过程中（延迟）存在错误时运行脚本

onsuspend 当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本

ontimeupdate 当媒介改变其播放位置时运行脚本

onvolumechange 当媒介改变音量或音量被设置为静音时运行脚本

onwaiting 当媒介已停止播放但打算继续播放时运行脚本