返回顶部
首页 > 资讯 > 前端开发 > VUE >HTML属性有哪些
  • 255
分享到

HTML属性有哪些

2024-04-02 19:04:59 255人浏览 独家记忆
摘要

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

本篇内容介绍了“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属性有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: HTML属性有哪些

本文链接: https://lsjlt.com/news/85365.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • HTML属性有哪些
    本篇内容介绍了“HTML属性有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!属性所属元素描述accep...
    99+
    2024-04-02
  • HTML的table属性有哪些
    这篇文章给大家分享的是有关HTML的table属性有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   什么是表格&表格的作用   什么是表格:由一些被称之为单元...
    99+
    2024-04-02
  • html全局属性有哪些
    html全局属性有哪些:accesskey,规定激活元素的快捷键。class,规定元素的一个或多个类名,引用样式表中的类。contenteditable,规定元素内容是否可编辑。contextmenu,规定元素的上下文菜单,而上下文菜单在用...
    99+
    2024-04-02
  • html标签有哪些属性
    html 属性是为 html 元素提供附加信息的工具,使用属性名和值对的形式。常见的属性包括 id(识别元素)、类(分组元素)、样式(设置元素样式)、src(链接资源)、alt(图像替代...
    99+
    2024-04-22
    css
  • html中body的属性有哪些
    这篇文章主要为大家展示了“html中body的属性有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html中body的属性有哪些”这篇文章吧。bgcolor...
    99+
    2024-04-02
  • HTML的列表属性有哪些
    这篇文章给大家分享的是有关HTML的列表属性有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1..无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行...
    99+
    2024-04-02
  • HTML的事件属性有哪些
    这篇文章主要介绍“HTML的事件属性有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML的事件属性有哪些”文章能帮助大家解决问题。   全局事件属性  ...
    99+
    2024-04-02
  • Html DIV事件属性有哪些
    今天就跟大家聊聊有关Html DIV事件属性有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。你对Html DIV事件属性的用法是否了解,每种属性...
    99+
    2024-04-02
  • html元素属性都有哪些
    html元素属性都有哪些,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。html元素属性有:accesskey、class、contentedi...
    99+
    2024-04-02
  • html中position的属性有哪些
    html中position的属性有6种,分别是:1、“position: static”属性指的是position的默认值;2、“position: relative”属性指的是相对定位;3、“position: absolute”属性指的...
    99+
    2024-04-02
  • HTML a标签属性有哪些
    HTML中的a标签是用来创建链接的,常用的属性有以下几种:- href:指定链接的URL地址。- target:指定链接在何处打开。...
    99+
    2023-09-22
    HTML
  • html中iframe的属性有哪些
    HTML中iframe元素的属性有以下几个:1. src: 指定要在iframe中显示的页面的URL。2. frameborder:...
    99+
    2023-09-13
    html
  • html中position属性值有哪些
    在HTML中,position属性用于定义元素的定位方式。它有以下几种属性值:static(默认值):元素按照正常的文档流进行排列,不会受到定位的影响。left、right、top和bottom属性对static定位的元素无效。relati...
    99+
    2023-10-21
    html position
  • html中marquee的属性有哪些
    在HTML中,marquee元素有以下属性:1. behavior:定义了滚动的行为,可以取值为scroll(滚动)、slide(滑...
    99+
    2023-08-08
    html marquee
  • html中display有哪些属性值
    html中display的属性值有none、block、inline、inline-block、flex、grid、table等。详细介绍:1、none,设置元素不显示,即隐藏元素,被隐藏的元素不占据页面空间,并且不会对页面布局产生影响;2...
    99+
    2023-11-14
    html display
  • html中id属性和name属性有哪些区别
    小编给大家分享一下html中id属性和name属性有哪些区别,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! html中的id属性 我们使用id属性可以标识唯一的HTML元素,可以在在U...
    99+
    2024-04-02
  • html标签有哪些公有的属性
    html 公有属性适用于所有 html 元素,用于设置基本特性,包括:设置唯一标识符 (id)设置类名 (class)设置提示文字 (title)内联设置样式 (style)设置语言代码...
    99+
    2024-04-22
    css access
  • html的div通用属性有哪些
    本篇内容介绍了“html的div通用属性有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • html里的盒子属性有哪些
    这篇文章主要为大家展示了html里的盒子属性有哪些,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“html里的盒子属性有哪些”这篇文章吧。html是什么html的全称为超文本标记语言,它是一种标记语...
    99+
    2023-06-06
  • html input标签的属性有哪些
    HTML input标签的属性有很多,以下是一些常见的属性:- type:指定输入字段的类型,包括text(文本输入框)、passw...
    99+
    2023-09-14
    html
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作