ITPub博客

首页 > 应用开发 > Html/css > HTML 属性你都懂了吗

HTML 属性你都懂了吗

原创 Html/css 作者:web全栈 时间:2019-10-09 09:20:30 0 删除 编辑

所有HTML属性列表:

属性 所属元素 描述
accept <input> 指定服务器接受的文件类型(仅适用于type="file")
accept-charset <form> 指定用于表单提交的字符编码
accesskey 全局属性 指定激活/焦点元素的快捷键
action <form> 指定在提交表单时将表单数据发送到何处
align HTML5不支持,使用CSS代替 根据周围的元素指定对齐方式。
alt <area><img>, <input> 当原始元素无法显示时,指定一个替代文本
async <script> 指定脚本异步执行(仅用于外部脚本)
autocomplete <form><input> 指定<form> 或 the <input> 元素是否启用自动补全功能
autofocus <button><input><select>, <textarea> 指定当页面加载时,元素应自动获得焦点
autoplay <audio><vedio> 指定音频/视频一准备好就开始播放
bgcolor HTML5不支持,使用CSS代替 指定元素的背景颜色。
border HTML5不支持,使用CSS代替 指定元素边界的宽度。
charset <meta><script> 指定字符编码
checked <input> 指定一个<input>当页面加载时,元素应该被预先选中(对于type="checkbox"或type="radio")
cite <blockquote><del><ins><q> 指定解释引用/删除/插入文本的URL
class 全局属性 为元素指定一个或多个类名(引用样式表中的类)
color HTML5不支持,使用CSS代替 指定元素的文本颜色。
cols <textarea> 指定文本区域的可见宽度
colspan <td>, <th> 指定表单元格应该跨越的列数
content <meta> 给出与http-equiv或name属性关联的值
contenteditable 全局属性 指定元素的内容是否可编辑
controls <audio>, <video> 指定显示音频/视频控件(如播放/暂停按钮等)
coords <area> 指定区域的坐标
data <object> 指定对象要使用的资源的URL
data-* 全局属性 用于将自定义数据存储到页面或应用程序
datetime <del>, <ins>, <time> 指定日期和时间
default <track> 指定如果用户的首选项不表明,另一个跟踪更合适,则启用跟踪
defer <script> 指定在页面完成解析时执行脚本(仅用于外部脚本)
dir 全局属性 指定元素中内容的文本方向
dirname <input>, <textarea> 指定将提交文本方向
disabled <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> 指定应禁用指定的元素/元素组
download <a>, <area> 指定当用户单击超链接时将下载目标
draggable 全局属性 指定元素是否可拖动
dropzone 全局属性 指定拖放时是否复制、移动或链接拖放的数据
enctype <form> 指定将表单数据提交给服务器时应如何对其进行编码(仅适用于方法="post")
for <label>, <output> 指定标签/计算绑定到哪个表单元素
form <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> 指定元素所属的表单的名称
formaction <button>, <input> 指定在提交表单时将表单数据发送到何处,只针对type="submit"
headers <td>, <th> 指定与单元格相关的一个或多个标头单元格
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> 指定元素的高度
hidden 全局属性 指定元素尚未相关或不再相关
high <meter> 指定被认为是高值的范围
href <a>, <area>, <base>, <link> 指定链接指向的页面的URL
hreflang <a>, <area>, <link> 指定链接文档的语言
http-equiv <meta> 为内容属性的信息/值提供HTTP标头
id 全局属性 为元素指定唯一id
ismap <img> 将映像指定为服务器端映像映射
kind <track> 指定文本跟踪的类型
label <track>, <option>, <optgroup> 指定文本跟踪的标题
lang 全局属性 指定元素内容的语言
list <input> 为<input> 元素预定义一个可选的列表指向一个<datalist>元素
loop <audio>, <video> 指定音频/视频每次结束时将重新开始(循环播放)
low <meter> 指定被认为是低值的范围
max <input>, <meter>, <progress> 指定最大值
maxlength <input>, <textarea> 指定元素中允许的最大字符数
media <a>, <area>, <link>, <source>, <style> 指定链接文档优化的媒体/设备
method <form> 指定发送表单数据时使用的HTTP方法
min <input>, <meter> 指定最小值
multiple <input>, <select> 指定用户可以输入多个值
muted <audio>, <video> 指定应将视频的音频输出静音
name <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> 指定元素的名称
novalidate <form> 指定提交时不应验证该表单
onabort <audio>, <embed>, <img>, <object>, <video> 要在abort上运行的脚本
onafterprint <body> 打印文档后运行的脚本
onbeforeprint <body> 在打印文档之前运行的脚本
onbeforeunload <body> 在文档即将卸载时运行的脚本
onblur 所有可见元素 当元素失去焦点时运行的脚本
oncanplay <audio>, <embed>, <object>, <video> 当文件准备好开始播放时(当它已经缓冲到可以开始播放时)运行的脚本
oncanplaythrough <audio>, <video> 脚本运行时,一个文件可以一直播放到结束,没有暂停缓冲
onchange 所有可见元素 当元素的值改变时运行的脚本
onclick 所有可见元素 在单击元素时运行的脚本
oncontextmenu 所有可见元素 在触发上下文菜单时运行的脚本
oncopy 所有可见元素 在复制元素内容时运行的脚本
oncuechange <track> 脚本将在线索发生变化时运行;元素
oncut 所有可见元素 在删除元素内容时运行的脚本
ondblclick 所有可见元素 在双击元素时运行的脚本
ondrag 所有可见元素 当元素被拖动时运行的脚本
ondragend 所有可见元素 在拖动操作结束时运行的脚本
ondragenter 所有可见元素 当元素被拖拽到一个有效的drop目标时运行的脚本
ondragleave 所有可见元素 当元素离开有效的drop目标时运行的脚本
ondragover 所有可见元素 当元素被拖放到一个有效的drop目标上时运行的脚本
ondragstart 所有可见元素 在拖动操作开始时运行的脚本
ondrop 所有可见元素 在删除拖动元素时要运行的脚本
ondurationchange <audio>, <video> 当媒体长度改变时要运行的脚本
onemptied <audio>, <video> 当出现问题,文件突然不可用(比如意外断开连接)时运行的脚本
onended <audio>, <video> 脚本将在媒体到达终端时运行(对于像“感谢您的倾听”这样的消息来说,这是一个有用的事件)
onerror <audio>, <body>, <embed>, <img>, <object>, <link>, <script>, <video> 脚本将在出现错误时运行
onfocus 所有可见元素 当元素获得焦点时运行的脚本
onhashchange <body> 当URL的锚点部分发生更改时运行的脚本
oninput 所有可见元素 当元素获得用户输入时运行的脚本
oninvalid 所有可见元素 当元素无效时运行的脚本
onkeydown 所有可见元素 当用户按下键时运行的脚本
onkeypress 所有可见元素 当用户按下一个键时运行的脚本
onkeyup 所有可见元素 当用户释放键时运行的脚本
onload <body>, <iframe>, <img>, <link>, <script>, <style> 当元素完成加载时运行的脚本
onloadeddata <audio>, <video> 加载媒体数据时要运行的脚本
onloadedmetadata <audio>, <video> 在加载元数据(如维度和音延)时运行的脚本
onloadstart <audio>, <video> 脚本将在实际加载任何内容之前开始加载文件时运行
onmousedown 所有可见元素 在元素上按下鼠标按钮时运行的脚本
onmousemove 所有可见元素 只要鼠标指针在元素上移动,脚本就会运行
onmouseout 所有可见元素 当鼠标指针移出元素时运行的脚本
onmouseover 所有可见元素 当鼠标指针移动到元素上时运行的脚本
onmouseup 所有可见元素 在元素上释放鼠标按钮时运行的脚本
onmousewheel 所有可见元素 当鼠标滚轮在元素上滚动时运行的脚本
onoffline <body> 脚本将在浏览器开始脱机工作时运行
ononline <body> 脚本将在浏览器开始联机工作时运行
onpagehide <body> 当用户从页面中导航时运行的脚本
onpageshow <body> 当用户导航到页面时运行的脚本
onpaste 所有可见元素 当用户在元素中粘贴一些内容时运行的脚本
onpause <audio> <video> 当用户暂停或以编程方式暂停媒体时运行的脚本
onplay <audio> <video> 当媒体开始播放时要运行的脚本
onplaying <audio> <video> 当媒体播放中要运行的脚本
onpopstate <body> 窗口的历史记录更改时运行的脚步
onprogress <audio> <video> 在浏览器正在获取媒体数据的过程中运行的脚本
onratechange <audio> <video> 每次回放速率改变时(如用户切换到慢动作或快进模式时)运行的脚本。
onreset <form> 当单击窗体中的重置按钮时运行的脚本。
onresize <body> 脚本将在浏览器窗口调整大小时运行。
onscroll 所有可见元素 在滚动元素的滚动条时运行的脚本
onsearch <input> 当用户在搜索字段中写入内容时运行的脚本(为 <input="search">)
onseeked <audio> <video> 重新定位媒体播放的位置完成后触发的脚本,表示定位已经结束
onseeking <audio> <video> 重新定位媒体中这段时间触发,(比如要拖动视频的播放进度)
onselect 所有可见元素 选择元素时要运行的脚本
onstalled <audio> <video> 脚本将在浏览器因任何原因无法获取媒体数据时运行
onstorage <body> 更新Web Storage区域时要运行的脚本
onsubmit <form> 提交表单时要运行的脚本
onsuspend <audio> <video> 无论出于什么原因,在媒体数据完全加载之前,将停止在获取媒体数据时运行的脚本
ontimeupdate <audio> <video> 脚本将在播放位置发生变化时运行(如用户快进到媒体中的不同位置时)
ontoggle <details> 当用户打开或关闭<details>元素时候运行的脚本
onunload <body> 在卸载页面(或关闭浏览器窗口)时运行的脚本
onvolumechange <audio> <video> 每次更改视频/音频的音量时要运行的脚本
onwaiting <audio> <video> 脚本将在媒体暂停但预期恢复时运行(如媒体暂停以缓冲更多数据时)
onwheel 所有可见元素 当鼠标滚轮在元素上或下滚动时运行的脚本
open <details> 指定细节应该对用户可见(打开)
optimum <meter> 指定度量的最优值是什么
pattern <input> 指定一个正则表达式,该正则表达式由一个<input>对元素的值进行检查
placeholder <input>, <textarea> 指定描述元素期望值的简短提示
poster <video> 指定在视频下载或用户点击播放按钮之前显示的图像
preload <audio>, <video> 指定当页面加载时,作者是否以及如何认为应该加载音频/视频
readonly <input>, <textarea> 指定元素是只读的
rel <a>, <area>, <link> 指定当前文档和链接文档之间的关系
required <input>, <select>, <textarea> 指定元素必须在提交表单之前填写
reversed <ol> 指定列表顺序应该是降序的(9、8、7…)
rows <textarea> 指定文本区域中可见的行数
rowspan <td>, <th> 指定表单元格应该跨越的行数
sandbox <iframe> 为<iframe>中的内容设置额外的限制;
scope <th> 指定标头单元格是列、行还是列或行组的标头
selected <option> 指定在页面加载时应预先选择一个选项
shape <area> 指定区域的形状
size <input>, <select> 指定宽度,以字符为单位(用于<input>)或指定可见选项的数量(用于<select>)
sizes <img>, <link>, <source> 指定链接资源的大小
span <col>, <colgroup> 指定要跨的列的数量
spellcheck 全局属性 指定是否检查元素的拼写和语法
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> 指定媒体文件的URL
srcdoc <iframe> 指定要在<iframe>中显示的页面的HTML内容;
srclang <track> 指定音轨文本数据的语言(如果kind="subtitle"是必须的)
srcset <img>, <source> 指定在不同情况下使用的图像的URL
start <ol> 指定有序列表的起始值
step <input> 指定输入字段的合法数字间隔
style 全局属性 为元素指定内联CSS样式
tabindex 全局属性 指定元素的制表顺序
target <a>, <area>, <base>, <form> 指定在何处打开链接文档或在何处提交表单的目标
title 全局属性 指定关于元素的额外信息
translate 全局属性 指定元素的内容是否应该翻译
type <button>, <embed>, <input>, <link>, <object>, <script>, <source>, <style> 指定元素的类型
usemap <img>, <object> 将映像指定为客户端映像映射
value <button>, <input>, <li>, <option>, <progress>, <param> 指定元素的值
width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> 指定元素的宽度
wrap <textarea> 指定在表单中提交文本区域中的文本如何包装


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69942367/viewspace-2659136/,如需转载,请注明出处,否则将追究法律责任。

上一篇: PHP 文件系统函数
下一篇: jQuery 遍历方法
请登录后发表评论 登录
全部评论

注册时间:2019-07-26

  • 博文量
    29
  • 访问量
    11197