HTML 属性速查
HTML 常用属性速查表：全局属性、表单属性、媒体属性 50+。
纯浏览器本地运行，数据不上传服务器
| 属性 | 用途 |
|---|---|
id | 唯一标识 |
class | 类名（可多个） |
style | 内联样式 |
title | 悬停提示 |
data-* | 自定义数据 |
hidden | 隐藏 |
lang | 语言 |
dir | 文字方向 |
tabindex | Tab 顺序 |
accesskey | 快捷键 |
draggable | 可拖拽 |
contenteditable | 可编辑 |
spellcheck | 拼写检查 |
translate | 是否翻译 |
autofocus | 自动聚焦 |
href | 链接地址（a/link） |
target | 打开方式 |
rel | 链接关系 |
src | 资源地址（img/script） |
alt | 图片替代文本 |
width/height | 宽高 |
loading | 懒加载（lazy/eager） |
decoding | 解码方式 |
srcset | 响应式图集 |
type | 类型（input/button） |
name | 表单名 |
value | 值 |
placeholder | 占位提示 |
required | 必填 |
disabled | 禁用 |
readonly | 只读 |
maxlength | 最大长度 |
min/max | 范围 |
step | 步长 |
pattern | 正则校验 |
autocomplete | 自动完成 |
checked | 默认选中 |
selected | 默认选项 |
multiple | 多选 |
action | 提交地址（form） |
method | 提交方法 |
enctype | 编码类型 |
for | 关联控件（label） |
colspan | 跨列 |
rowspan | 跨行 |
download | 下载属性 |
referrerpolicy | 来源策略 |
integrity | SRI 校验 |
crossorigin | 跨域设置 |
preload | 预加载（媒体） |
controls | 播放控件 |
使用说明
- 速查 HTML 高频属性：全局、表单、媒体、链接。
- 搜索支持按属性名或用途过滤。
- 写页面时对照属性作用。
常见问题
data-* 属性是干嘛的？
自定义数据属性，可在 JS 中通过 dataset 读取，用于存储与元素相关的业务数据。
autocomplete 什么时候关？
验证码、一次性密码等敏感输入建议关闭，避免浏览器自动填充干扰。