在 HTML 中，有许多自带的属性，可以用于增强元素的功能和交互性。以下是一些常见的、可以直接在 HTML 元素上使用的自带属性：

1. id

为元素指定一个唯一的标识符。

<div id="myDiv">内容</div>

2. class

为元素指定一个或多个类名，用于 CSS 样式或 JavaScript 操作。

<p class="highlight">这是一个高亮段落。</p>

3. style

内联样式，用于设置元素的 CSS 属性。

<h1 style="color: red;">红色标题</h1>

4. title

提供额外的信息，通常在用户将鼠标悬停在元素上时显示。

<button title="点击我">按钮</button>

5. href

用于 <a> 标签，指定链接的目标 URL。

<a href="https://www.example.com">访问示例网站</a>

6. src

用于 <img> 和 <script> 标签，指定外部资源的 URL。

<img src="image.jpg" alt="示例图片">

7. alt

为 <img> 标签提供替代文本，当图像无法显示时，该文本将取代它。

<img src="image.jpg" alt="描述这张图片的内容">

8. disabled

使按钮或表单控件不可用。

<button disabled>不可点击的按钮</button>

9. readonly

使表单输入字段为只读，用户无法修改其内容。

<input type="text" value="只读内容" readonly>

10. placeholder

在输入字段中显示提示文本，提示用户可以输入的内容。

<input type="text" placeholder="请输入您的名字">

11. data-*

自定义数据属性，允许你在元素上存储额外的信息。

<div data-user-id="12345">用户信息</div>

12. required

用于表单字段，标识该字段为必填项。

<input type="text" required>

13. value

用于 <input>、<textarea> 等元素，指定其默认值。

<input type="checkbox" value="同意">同意条款

14. target

用于 <a> 标签，定义链接打开的方式，如 _blank 用于在新标签页中打开链接。

<a href="https://www.example.com" target="_blank">在新标签页中打开</a>

15. autocomplete

用于输入字段，启用或禁用浏览器的自动完成功能。

<input type="text" autocomplete="off">

这些属性可以帮助你更有效地控制元素的行为和样式，提高用户体验。

标签： 来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。