HTML属性有哪些

发布时间:2021-11-06 11:27:52 作者:iii
来源:亿速云 阅读:200

本篇内容介绍了“HTML属性有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

属性所属元素描述
accept<input>指定服务器接受的文件类型(仅适用于type="file")
accept-charset<form>指定用于表单提交的字符编码
accesskey全局属性指定激活/焦点元素的快捷键
action<form>指定在提交表单时将表单数据发送到何处
alignHTML5不支持,使用CSS代替根据周围的元素指定对齐方式。
alt<area>,  <img>, <input>当原始元素无法显示时,指定一个替代文本
async<script>指定脚本异步执行(仅用于外部脚本)
autocomplete<form>,  <input>指定<form> 或 the <input> 元素是否启用自动补全功能
autofocus<button>,  <input>,  <select>, <textarea>指定当页面加载时,元素应自动获得焦点
autoplay<audio>,  <vedio>指定音频/视频一准备好就开始播放
bgcolorHTML5不支持,使用CSS代替指定元素的背景颜色。
borderHTML5不支持,使用CSS代替指定元素边界的宽度。
charset<meta>,  <script>指定字符编码
checked<input>指定一个<input>当页面加载时,元素应该被预先选中(对于type="checkbox"或type="radio")
cite<blockquote>,  <del>,  <ins>,  <q>指定解释引用/删除/插入文本的URL
class全局属性为元素指定一个或多个类名(引用样式表中的类)
colorHTML5不支持,使用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>指定在表单中提交文本区域中的文本如何包装

“HTML属性有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

推荐阅读:
  1. HTML表单的属性有哪些
  2. HTML属性的作用有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:CentOS7如何搭建MySQL5.7高可用

下一篇:怎么使用npx创建一个Nuxt.js项目

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》