HTML 属性参考 365bet线上娱乐 📅 2025-11-15 20:03:41 ✍️ admin 👁️ 5761 ❤️ 437 accept 、 服务器接受内容（通常是文件类型）的列表。 accept-charset 字符集，必须为 "UTF-8"（如果提供）。 accesskey 全局属性 用于激活或聚焦元素的键盘快捷键。 action 处理通过表单提交的信息的程序的 URI。 align 已弃用 、、、、、<img>、<table>、<tbody>、<td>、<tfoot>、<th>、<thead>、<tr></p> <p>指定元素水平对齐的方式。</p> <p>allow</p> <p><iframe></p> <p>指定 iframe 的特性策略。</p> <p>alt</p> <p><area>、<img>、<input></p> <p>在图片无法显示时展示的替代文本。</p> <p>async</p> <p><script></p> <p>异步执行该脚本。</p> <p>autocapitalize</p> <p>全局属性</p> <p>设置用户输入时是否自动大写。</p> <p>autocomplete</p> <p><form>、<input>、<select>、<textarea></p> <p>指示浏览器是否可以自动填充表单中的值。</p> <p>autofocus</p> <p><button>、<input>、<select>、<textarea></p> <p>页面加载后，该元素应自动获得焦点。</p> <p>autoplay</p> <p><audio>、<video></p> <p>音视频应该自动播放。</p> <p>background</p> <p><body>、<table>、<td>、<th></p> <p>指定图像文件的 URL。</p> <p>备注：虽然浏览器和电子邮件客户端可能仍然支持此属性，但它已经过时。请使用</p> <p>CSS background-image 代替。</p> <p>bgcolor</p> <p><body>、<col>、<colgroup>、<marquee>、<table>、<tbody>、<tfoot>、<td>、<th>、<tr></p> <p>元素的背景颜色。</p> <p>备注：这是遗留属性。请使用</p> <p>CSS background-color 属性代替。</p> <p>border</p> <p><img>、<object>、<table></p> <p>边框宽度。</p> <p>备注：这是遗留属性。请使用</p> <p>CSS border 属性代替。</p> <p>buffered</p> <p><audio>、<video></p> <p>包含已缓存媒体的时间范围。</p> <p>capture</p> <p><input></p> <p>来自 Media Capture 规范，指定一个新文件是否可以被捕获。</p> <p>charset</p> <p><meta></p> <p>申明该页面或脚本的字符编码。</p> <p>checked</p> <p><input></p> <p>指出该元素在页面加载后是否处于选中状态。</p> <p>cite</p> <p><blockquote>、<del>、<ins>、<q></p> <p>包含一个指明引用或修改的来源的 URI。</p> <p>class</p> <p>全局属性</p> <p>通常和 CSS 配合使用，使用常用属性来为元素添加样式。</p> <p>color</p> <p><font>、<hr></p> <p>该属性为文本设置颜色，可以使用具名颜色或十六进制 #RRGGBB 格式的颜色。</p> <p>备注：这是遗留属性。请使用</p> <p>CSS color 属性代替。</p> <p>cols</p> <p><textarea></p> <p>定义一个 textarea 中包含多少列。</p> <p>colspan</p> <p><td>、<th></p> <p>colspan 属性定义了一个单元格跨越的列数。</p> <p>content</p> <p><meta></p> <p>与 http-equiv 或 name</p> <p>关联的值，取决于上下文。</p> <p>contenteditable</p> <p>全局属性</p> <p>指示该元素的内容是否可以被编辑。</p> <p>controls</p> <p><audio>、<video></p> <p>指示浏览器是否应该向用户显示播放控件。</p> <p>coords</p> <p><area></p> <p>指定热点区域坐标的一组值。</p> <p>crossorigin</p> <p><audio>、<img>、<link>、<script>、<video></p> <p>元素如何处理跨源请求。</p> <p>csp</p> <p>实验性</p> <p><iframe></p> <p>指定嵌入文档必须同意对自身强制执行的内容安全策略。</p> <p>data</p> <p><object></p> <p>指定资源的 URL。</p> <p>data-*</p> <p>全局属性</p> <p>允许你对一个 HTML 元素附加自定义的属性。</p> <p>datetime</p> <p><del>、<ins>、<time></p> <p>指示与元素关联的日期和时间。</p> <p>decoding</p> <p><img></p> <p>指示解码图像的首选方法。</p> <p>default</p> <p><track></p> <p>指示应启用该轨道，除非与用户首选项指示的不同。</p> <p>defer</p> <p><script></p> <p>指示该脚本应在页面解析后执行。</p> <p>dir</p> <p>全局属性</p> <p>定义文本的方向。允许的值有 ltr（从左到右）或 rtl（从右到左）。</p> <p>dirname</p> <p><input>、<textarea></p> <p>disabled</p> <p><button>、<fieldset>、<input>、<optgroup>、<option>、<select>、<textarea></p> <p>指示用户是否可以与该元素交互。</p> <p>download</p> <p><a>、<area></p> <p>指示用于下载资源的超链接。</p> <p>draggable</p> <p>全局属性</p> <p>定义元素是否可以被拖拽。</p> <p>enctype</p> <p><form></p> <p>定义 method 为 POST 时，表单数据的内容类型。</p> <p>enterkeyhint</p> <p>实验性</p> <p><textarea>,</p> <p>contenteditable</p> <p>enterkeyhint</p> <p>指定在虚拟键盘上显示的回车键的动作标签（或图标）。该属性可用于表单控件（例如</p> <p>textarea 元素的值），或者在可编辑宿主中的元素（例如使用</p> <p>contenteditable 属性）。</p> <p>for</p> <p><label>、<output></p> <p>描述与当前元素绑定的元素。</p> <p>form</p> <p><button>、<fieldset>、<input>、<label>、<meter>、<object>、<output>、<progress>、<select>、<textarea></p> <p>指示该元素所属的表单。</p> <p>formaction</p> <p><input>、<button></p> <p>指示元素的动作，覆盖 <form> 中定义的动作。</p> <p>formenctype</p> <p><button>、<input></p> <p>如果按钮/输入是提交按钮（例如，type="submit"），该属性用于设置表单提交时要使用的编码类型。如果指定了该属性，则会覆盖按钮所属的</p> <p>form 的 enctype 属性。</p> <p>formmethod</p> <p><button>、<input></p> <p>如果按钮/输入是提交按钮（例如，type="submit"），该属性用于设置表单提交时要使用的提交方法（GET、POST</p> <p>等）。如果指定了该属性，则会覆盖按钮所属的</p> <p>form 的 method 属性。</p> <p>formnovalidate</p> <p><button>、<input></p> <p>如果按钮/输入是提交按钮（例如，type="submit"），该布尔属性用于指示在提交表单时不进行验证。如果指定了该属性，则会覆盖按钮所属的</p> <p>form 的 novalidate 属性。</p> <p>formtarget</p> <p><button>、<input></p> <p>如果按钮/输入是提交按钮（例如，type="submit"），该属性用于指定提交表单后接收到的响应在哪个浏览上下文（例如，标签页、窗口或内联框架）中显示。如果指定了该属性，则会覆盖按钮所属的</p> <p>form 的 target 属性。</p> <p>headers</p> <p><td>、<th></p> <p>应用于 <th> 元素的 ID。</p> <p>height</p> <p><canvas>、<embed>、<iframe>、<img>、<input>、<object>、<video></p> <p>指定此处列出的元素的高度。对于其他所有元素，请使用</p> <p>CSS height 属性。</p> <p>备注：对于某些实例，例如</p> <p><div>，这是一个遗留属性，对于这些实例应使用</p> <p>CSS height 属性代替。</p> <p>hidden</p> <p>全局属性</p> <p>阻止对给定元素的渲染，同时保持子元素（例如脚本元素）处于激活状态。</p> <p>high</p> <p><meter></p> <p>指示高值区间的下限值。</p> <p>href</p> <p><a>、<area>、<base>、<link></p> <p>关联资源的 URL。</p> <p>hreflang</p> <p><a>、<link></p> <p>指定关联资源的语言。</p> <p>http-equiv</p> <p><meta></p> <p>定义编译程序指令（pragma directive）。</p> <p>id</p> <p>全局属性</p> <p>通常与 CSS 一起使用，以为特定元素添加样式。此属性的值必须是唯一的。</p> <p>integrity</p> <p><link>、<script></p> <p>指定子资源完整性值，允许浏览器验证它们获取的内容。</p> <p>intrinsicsize</p> <p>已弃用</p> <p><img></p> <p>此属性指示浏览器忽略图像的实际的固有大小，并假设它是属性中指定的大小。</p> <p>inputmode</p> <p><textarea>,</p> <p>contenteditable</p> <p>提供一个提示，指示用户在编辑元素或其内容时可能输入的数据类型。该属性可用于表单控件（例如</p> <p>textarea 元素的值），或者在可编辑宿主中的元素（例如使用了</p> <p>contenteditable 属性的）。</p> <p>ismap</p> <p><img></p> <p>指示图像是服务器端图像映射（image map）的一部分。</p> <p>itemprop</p> <p>全局属性</p> <p>kind</p> <p><track></p> <p>指定文本字幕的类型。</p> <p>label</p> <p><optgroup>、<option>、<track></p> <p>为元素指定用户可读的标题。</p> <p>lang</p> <p>全局属性</p> <p>定义元素中使用的语言。</p> <p>language</p> <p>已弃用</p> <p><script></p> <p>定义元素中使用的脚本语言。</p> <p>loading</p> <p>实验性</p> <p><img>、<iframe></p> <p>指示元素是否应该被懒加载（loading="lazy"）或立即加载（loading="eager"）。</p> <p>list</p> <p><input></p> <p>指示建议用户输入的预定义选项列表。</p> <p>loop</p> <p><audio>、<marquee>、<video></p> <p>指示媒体在播放结束时是否应从头开始播放。</p> <p>low</p> <p><meter></p> <p>指示低值区间的上限值。</p> <p>max</p> <p><input>、<meter>、<progress></p> <p>指示允许的最大值。</p> <p>maxlength</p> <p><input>、<textarea></p> <p>定义元素中允许的最大字符数。</p> <p>minlength</p> <p><input>、<textarea></p> <p>定义元素中允许的最小字符数。</p> <p>media</p> <p><a>、<area>、<link>、<source>、<style></p> <p>指定链接资源所设计的媒体的提示。</p> <p>method</p> <p><form></p> <p>POST.</p> <p>定义用于提交表单的 HTTP</p> <p>方法。可以是 GET（默认）或 POST。</p> <p>min</p> <p><input>、<meter></p> <p>指示允许的最小值。</p> <p>multiple</p> <p><input>、<select></p> <p>指示是否可以在 email 或 file</p> <p>类型的输入中输入多个值。</p> <p>muted</p> <p><audio>、<video></p> <p>指示页面加载时音频是否会被静音。</p> <p>name</p> <p><button>、<form>、<fieldset>、<iframe>、<input>、<object>、<output>、<select>、<textarea>、<map>、<meta>、<param></p> <p>元素的名称。例如，用于服务器标识表单提交中的字段。</p> <p>novalidate</p> <p><form></p> <p>此属性指示在提交表单时不应验证表单。</p> <p>open</p> <p><details>、<dialog></p> <p>指示内容目前是否可见（若用于 <details></p> <p>元素）或对话框是否处于活动状态且可以与之交互（若用于</p> <p><dialog> 元素）。</p> <p>optimum</p> <p><meter></p> <p>指示最佳数值。</p> <p>pattern</p> <p><input></p> <p>定义用于验证元素值的正则表达式。</p> <p>ping</p> <p><a>、<area></p> <p>ping 属性指定一个用空格分隔的 URL</p> <p>列表，以便在用户访问超链接时通知这些 URL。</p> <p>placeholder</p> <p><input>、<textarea></p> <p>提供用于告诉用户可以在字段中输入什么的提示。</p> <p>playsinline</p> <p><video></p> <p>布尔属性，指示视频是否要“内嵌”播放；也就是说，在元素的播放区域内播放。请注意，该属性的缺失并不意味着视频将始终以全屏模式播放。</p> <p>poster</p> <p><video></p> <p>用于指示在用户播放或搜索之前要显示的海报帧的 URL。</p> <p>preload</p> <p><audio>、<video></p> <p>指示是否应预加载整个资源、部分资源或者不预加载。</p> <p>readonly</p> <p><input>、<textarea></p> <p>指示元素是否可以被编辑。</p> <p>referrerpolicy</p> <p><a>、<area>、<iframe>、<img>、<link>、<script></p> <p>指定在获取资源时发送哪个引荐来源（referrer）。</p> <p>rel</p> <p><a>、<area>、<link></p> <p>指示目标对象与链接对象的关系。</p> <p>required</p> <p><input>、<select>、<textarea></p> <p>指示是否必须填写此元素。</p> <p>reversed</p> <p><ol></p> <p>指示列表是否应以降序而不是升序显示。</p> <p>role</p> <p>全局属性</p> <p>定义元素的显式角色，供辅助技术使用。</p> <p>rows</p> <p><textarea></p> <p>定义文本区域的行数。</p> <p>rowspan</p> <p><td>、<th></p> <p>定义表格单元格应跨越的行数。</p> <p>sandbox</p> <p><iframe></p> <p>阻止在 iframe 中加载的文档使用某些特性（例如提交表单或打开新窗口）。</p> <p>scope</p> <p><th></p> <p>定义表头单元格（在 th 元素中定义）所关联的单元格。</p> <p>scoped</p> <p>非标准</p> <p>已弃用</p> <p><style></p> <p>selected</p> <p><option></p> <p>定义页面加载时将被选中的值。</p> <p>shape</p> <p><a>、<area></p> <p>size</p> <p><input>、<select></p> <p>定义元素的宽度（以像素为单位）。如果元素的 type</p> <p>属性是 text 或 password，则它是字符数。</p> <p>sizes</p> <p><link>、<img>、<source></p> <p>slot</p> <p>全局属性</p> <p>为影子 DOM（shadow DOM）影子树中的插槽分配一个元素。</p> <p>span</p> <p><col>、<colgroup></p> <p>spellcheck</p> <p>全局属性</p> <p>指示是否允许对元素进行拼写检查。</p> <p>src</p> <p><audio>、<embed>、<iframe>、<img>、<input>、<script>、<source>、<track>、<video></p> <p>可嵌入内容的 URL。</p> <p>srcdoc</p> <p><iframe></p> <p>srclang</p> <p><track></p> <p>srcset</p> <p><img>、<source></p> <p>一个或多个响应式图像候选项。</p> <p>start</p> <p><ol></p> <p>定义除 1 以外的第一个数字。</p> <p>step</p> <p><input></p> <p>style</p> <p>全局属性</p> <p>定义将覆盖先前设置的 CSS 样式。</p> <p>summary</p> <p>已弃用</p> <p><table></p> <p>tabindex</p> <p>全局属性</p> <p>使用指定的聚焦（tab）顺序覆盖浏览器的默认聚焦顺序。</p> <p>target</p> <p><a>、<area>、<base>、<form></p> <p>指定打开链接文档的位置（若用于 <a></p> <p>元素）或显示接收到的响应的位置（若用于</p> <p><form> 元素）。</p> <p>title</p> <p>全局属性</p> <p>在鼠标悬停在元素上时显示的提示文本。</p> <p>translate</p> <p>全局属性</p> <p>指定当页面本地化时，元素的属性值和其文本节点后代的值是否应该被翻译，或者是否应该保持不变。</p> <p>type</p> <p><button>、<input>、<embed>、<object>、<ol>、<script>、<source>、<style>、<menu>、<link></p> <p>定义元素的类型。</p> <p>usemap</p> <p><img>、<input>、<object></p> <p>value</p> <p><button>、<data>、<input>、<li>、<meter>、<option>、<progress>、<param></p> <p>定义页面加载时元素中显示的默认值。</p> <p>width</p> <p><canvas>、<embed>、<iframe>、<img>、<input>、<object>、<video></p> <p>确定此处所列元素的宽度。</p> <p>备注：对于其他所有实例，例如</p> <p><div>，这是一个遗留属性，对于这些实例应使用</p> <p>CSS height 属性代替。</p> <p>wrap</p> <p><textarea></p> <p>指示文本是否应该换行。</p> </div> <div class="pagination-progressive"> <a href="/af0f58c458b73729/31c7a41b3c304e7d.html" class="pagination-link">← 速度与激情7</a> <a href="/8e03e69a1d464554/68194790d02595fa.html" class="pagination-link">新移动硬盘第一次使用需要怎样做？七个步骤，零基础小白建议收藏 →</a> </div> </article> <section class="section-progressive" data-scroll> <h2 class="section-title">相关推荐</h2> <div class="card-grid"> <article class="card-progressive progressive-load" style="animation-delay: calc(var(--index) * 0.1s);"> <div class="card-image-container"> <img src="/0.jpg" alt="《魔兽世界》全职业职业大厅位置介绍" class="card-image" loading="lazy"> </div> <div class="card-body"> <span class="category-tag">Bets365</span> <h3 class="card-title"><a href="/8e03e69a1d464554/b2516810c8842ddb.html">《魔兽世界》全职业职业大厅位置介绍</a></h3> <div class="card-meta"> <span>📅 2025-07-03</span> <span>👁️ 5394</span> </div> </div> </article> <article class="card-progressive progressive-load" style="animation-delay: calc(var(--index) * 0.1s);"> <div class="card-image-container"> <img src="/0.jpg" alt="《制国有常,而利民为本；从政有经,而令行为上.》出自哪里,什么意思,注释,句意,翻译" class="card-image" loading="lazy"> </div> <div class="card-body"> <span class="category-tag">365bet线上娱乐</span> <h3 class="card-title"><a href="/eaa5161ffa4ad95c/67934c0adb9ef4a3.html">《制国有常,而利民为本；从政有经,而令行为上.》出自哪里,什么意思,注释,句意,翻译</a></h3> <div class="card-meta"> <span>📅 2025-09-07</span> <span>👁️ 6265</span> </div> </div> </article> <article class="card-progressive progressive-load" style="animation-delay: calc(var(--index) * 0.1s);"> <div class="card-image-container"> <img src="/0.jpg" alt="如何申请中国移动宽带服务？" class="card-image" loading="lazy"> </div> <div class="card-body"> <span class="category-tag">Bets365</span> <h3 class="card-title"><a href="/8e03e69a1d464554/0b7b3e6b34ad8187.html">如何申请中国移动宽带服务？</a></h3> <div class="card-meta"> <span>📅 2025-08-02</span> <span>👁️ 8920</span> </div> </div> </article> </div> </section> <section class="friend-links-progressive section-progressive" data-scroll> <h3 class="friend-links-title">友情链接</h3> <div class="friend-links-container"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </section> </div> </main> <footer class="footer-progressive"> <div class="container"> <p class="copyright-progressive">Copyright © <span id="currentYear"></span> 安徽365热线-Bets365-365bet线上娱乐 All Rights Reserved.</p> </div> </footer> <script> document.getElementById('currentYear').textContent = new Date().getFullYear(); // 共用JS效果 const header = document.getElementById('mainHeader'); window.addEventListener('scroll', () => { if (window.scrollY > 50) { header.classList.add('header-scrolled'); } else { header.classList.remove('header-scrolled'); } }); const scrollElements = document.querySelectorAll('[data-scroll]'); const elementInView = (el) => { const elementTop = el.getBoundingClientRect().top; return elementTop <= (window.innerHeight * 0.75); }; const displayScrollElement = (element) => { element.classList.add('section-visible'); }; const handleScrollAnimation = () => { scrollElements.forEach((el) => { if (elementInView(el)) { displayScrollElement(el); } }); }; window.addEventListener('scroll', () => { handleScrollAnimation(); }); handleScrollAnimation(); // 自定义光标效果 const cursor = document.querySelector('.cursor-trail'); document.addEventListener('mousemove', (e) => { cursor.style.left = e.clientX + 'px'; cursor.style.top = e.clientY + 'px'; }); document.querySelectorAll('a').forEach(link => { link.addEventListener('mouseenter', () => { cursor.style.transform = 'translate(-50%, -50%) scale(2)'; cursor.style.backgroundColor = 'rgba(255, 42, 109, 0.3)'; }); link.addEventListener('mouseleave', () => { cursor.style.transform = 'translate(-50%, -50%) scale(1)'; cursor.style.backgroundColor = 'rgba(255, 42, 109, 0.1)'; }); }); </script> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> </body> </html>
