form标签不支持rel属性，因其本质是数据提交容器而非导航元素，html5规范未将其列入rel适用列表，浏览器会静默忽略；rel仅适用于等具有资源引用语义的元素。
form 标签不支持 rel 属性 —— 这是关键前提，写上就无效，浏览器会直接忽略。
为什么 form 标签不能用 rel？
rel 是用于定义「当前文档与被链接资源」之间关系的属性，只在具有导航或引用语义的元素上合法，比如 @#@#@#@#@#@#@#@#@#@0：语义清晰，辅助技术可识别
@#@#@#@#@#@#@#@#@#@1：多个值用空格分隔，表明非本站 + 版权信息<button type="submit" form="main" onclick="window.open(...)"></button> 这类 JS 触发新开页的场景，必须确保对应 <a></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></a> 或 <link> 的使用场景 —— 这个细节在审查第三方组件或 CMS 模板时特别容易被忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
