您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
本篇内容介绍了“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> | 指定在表单中提交文本区域中的文本如何包装 |
“HTML属性有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。