form 元素不支持 rel 属性，因 html 规范仅允许 rel 出现在 a、link、area 及提交按钮上；浏览器会忽略 form 上的 rel，dom 也不暴露该属性，语义应通过 button/a 元素或 aria 属性实现。

rel 属性不能用在 <form></form> 元素上 —— 浏览器会忽略它，W3C 标准也未定义该用法。

为什么 form 不支持 rel

HTML 规范中，rel 是 链接上下文 属性，只允许出现在 @#@#@#@#@#@#@#@#@#@0 + 配合 event.preventDefault() 和 fetch() 模拟提交 —— 语义清晰，rel 完全受支持

若必须用 form 提交，语义应通过 aria-label、aria-describedby 或 title 补充，而非强行塞 rel

常见错误现象和兼容性陷阱

开发者常遇到这些情况：

魔术橡皮擦

魔术橡皮擦是一款用于移除图片中多余物体、水印和杂物的在线 AI 修图工具。

下载

• Chrome DevTools 的 Elements 面板里能看到 rel 出现在 <form></form> 标签上，但 Network 面板中请求头/重定向逻辑完全不受影响 —— 这是渲染层的“回显”，不是功能生效
• 用 document.querySelector('form[rel]') 能选中元素，但 getComputedStyle 或 relList API 对 form 无效，因为 DOM 接口根本不暴露这个属性
• 部分旧版 Safari 会对非法 rel 报 warning，但不报错；Lighthouse 等工具会标记为“无效属性使用”

真正起作用的语义锚点永远在可导航元素上，form 本身只是数据容器 —— 别把它当链接用。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！