form标签不支持rel属性，因其本质是数据提交容器而非导航元素，HTML5规范未将其列入rel适用列表，浏览器会静默忽略；rel仅适用于<link><area>等具有资源引用语义的元素。
form 标签不支持 rel 属性 —— 这是关键前提，写上就无效，浏览器会直接忽略。
为什么 form 标签不能用 rel？
rel 是用于定义「当前文档与被链接资源」之间关系的属性，只在具有导航或引用语义的元素上合法，比如 <a>、<link>、<area>。而 <form> 本质是数据提交容器，不产生“链接到外部资源”的行为，HTML5 规范明确未将其列入 rel 的适用元素列表。
常见误操作：
- 写成 <form rel="external" action="/submit"> → 浏览器解析时静默丢弃 rel
- 以为加了 rel="nofollow" 就能阻止搜索引擎抓取提交目标 → 完全无效，rel 对表单提交路径无任何控制力
哪些地方该用 rel，且和 form 相关？
真正需要设置 rel 的，是那些**从表单页面出发的跳转链接**，尤其是带 target="_blank" 的按钮或辅助链接：
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
-
<a href="/help" rel="help">帮助文档</a>：语义清晰，辅助技术可识别 -
<a href="https://third-party.com/privacy" rel="external license">隐私协议</a>：多个值用空格分隔，表明非本站 + 版权信息 -
<button type="submit" form="main" onclick="window.open(...)">这类 JS 触发新开页的场景，必须确保对应<a>或实际跳转标签含rel="noopener noreferrer"，否则有安全风险
form 元素上真正该关注的属性有哪些？
别在 rel 上浪费调试时间，以下才是影响表单行为的核心项：
立即学习“前端免费学习笔记（深入）”；
-
action：必须为绝对路径（如/api/login）或完整 URL；相对路径极易因部署目录变化失效 -
method：显式声明post或get，不写默认是GET，会导致敏感字段暴露在 URL 中 -
enctype：上传文件时必须设为multipart/form-data，否则后端收不到二进制内容 -
novalidate：禁用原生校验，但需自行用 JS 补全逻辑，否则用户可能提交空值 -
autocomplete：对登录/注册表单建议设为on，提升填写效率
如果你看到某处 form 标签写了 rel，第一反应不是“怎么配”，而是检查是否混淆了 <a> 或 <link> 的使用场景 —— 这个细节在审查第三方组件或 CMS 模板时特别容易被忽略。
