target属性指定表单提交后响应内容的显示位置,常用值包括_self(当前窗口)、_blank(新标签页)、_parent(父级上下文)、_top(顶层窗口)及自定义iframe名称。

target 属性用于指定表单提交后响应内容在哪个浏览上下文中显示,比如新标签页、当前窗口或嵌入的 iframe。它不是表单本身的功能,而是作用于 标签,配合 method 和 action 一起使用。
target 常用值及效果
target 的值决定提交后页面加载的位置,常见取值有:
-
_self:在当前窗口/标签页中加载(默认行为,可省略) -
_blank:在新标签页(或新窗口)中打开响应结果 -
_parent:在父级浏览上下文中加载(常用于嵌套 frame 或 iframe 场景) -
_top:在整个顶层窗口中加载,会跳出所有 iframe - 自定义名字(如
myFrame):需对应页面中一个,响应内容将加载到该 iframe 内
基本用法示例
直接在 标签中添加 target 属性即可:
点击提交后,/submit.php 的返回内容会在新标签页中显示,原页面保持不变。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
配合 iframe 实现无刷新局部提交
若希望表单提交后只更新页面某一部分(类似简易 AJAX 效果),可用 target 指向同页中的 iframe:
<iframe name="resultFrame" style="width:100%; height:200px;"></iframe>
只要后端返回的是 HTML 片段或完整页面,就会自动渲染进名为 resultFrame 的 iframe 中。
注意事项
target 属性本身不改变请求方式或数据格式,它只影响响应的展示位置:
- 对
GET和POST都有效 - 现代浏览器中,
target="_blank"默认启用rel="noopener"安全机制,无需额外加 rel 属性(但显式加上更稳妥) - 如果目标 iframe 不存在或名字拼写错误,响应可能弹出新窗口或降级为
_self - 服务端返回非 HTML 内容(如 JSON、PDF)时,浏览器行为取决于 MIME 类型和用户设置,不一定按预期显示
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










