zoukankan      html  css  js  c++  java
  • 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 当媒介已停止播放但打算继续播放时运行脚本
  • 相关阅读:
    WINDOWS XP启用远程桌面
    Qt 局域网聊天软件
    SpringCloud 学习笔记(2)项目搭建
    SpringCloud 学习笔记(3)注册中心Eureka
    工作一周的经验
    Servlet支持上传多张图片
    区别前端的首次加载
    Java中String类型的部分用法
    前端数据统计用做Bootstrap的一些柱状图、饼状图和折线图案例
    python线程池、自定义异常、请求伪装
  • 原文地址:https://www.cnblogs.com/littleCode/p/3673286.html
Copyright © 2011-2022 走看看