表单提交打开新标签/窗口 | CSS-Tricks

你可能知道，你可以使用 target=”_blank” 属性（已弃用，但普遍支持）强制链接在新标签或窗口中打开。

<a href="#" target="_blank">link</a>

但你也可以对表单使用相同的属性来获得相同的结果

<form action="#" method="post" target="_blank">
    ...
</form>

Kartlos Tchavelachvili

# 2010 年 2 月 4 日

不错的分享！所以 target 变成 action=”url.html”。

Bradley Rosenfeld

# 2010 年 2 月 16 日

我以前用 javascript 来做这个 :O 谢谢分享

Bob

# 2010 年 3 月 3 日

一个不错的功能，但不幸的是，target 属性已被弃用。

https://w3schools.org.cn/tags/att_form_target.asp

JeeBee

评论永久链接# 2011 年 6 月 8 日

它没有被弃用。

http://w3fools.com/

dan

# 2011 年 8 月 10 日

所以如果它被弃用了，在新窗口中打开表单的替代方法是什么？

Peter Hanley

# 2011 年 9 月 14 日

不幸的是，这并不完全“普遍支持” - 似乎如果你尝试在一个页面上（例如，在一个数据网格中）使用多个表单来执行此操作 - 提交一个表单会杀死其他表单，因此你点击时什么也看不到（到目前为止，已在最新的 Webkit（Safari 5.1、Chrome 13）中确认，但这个技巧在 Firefox 6 中仍然有效）

因此，如果你在具有多个表单的网站上使用此功能，你可能需要查看其他方法。

Peter Hanley

# 2011 年 9 月 14 日

当然，在我悲观之后，我找到了解决方案 - 每个表单都必须具有唯一的 id 属性才能在 Safari 中正常工作

这不起作用

<form action="#" method="post" target="_blank">
<input type="submit">
</form>
<hr>
Then this: 
<form action="#" method="post" target="_blank">
<input type="submit">
</form>

但这个可以

Click this: 
<form id="form1" action="#" method="post" target="_blank">
     <input type="submit">
</form>
<hr>

Then this: 

<form id="form2" action="#" method="post" target="_blank">
     <input type="submit">
</form>

vivek patil

评论永久链接# 2015 年 3 月 31 日

但应该在哪里指定 target 文件？

Jeff

# 2012 年 4 月 13 日

所以，有人能详细说明一下... 我需要一个表单，其中有一个下拉框包含一些网页的名称。选择一个网页并点击提交应该打开到那个页面（在新标签中）。如何实现？

Jeff

评论永久链接# 2012 年 4 月 24 日

我在 stackoverflow.com 找到了我需要的解决方案。这个问题变得很复杂，因为我不想使用常规的提交按钮，因为我必须创建新的样式，但已经有现有的锚标签样式模拟按钮。你可以在 YourBeliefsMatter.com 看到它。无论如何，谢谢这篇文章。它很有帮助！

MIB

# 2012 年 5 月 24 日

非常感谢，很棒的分享。

pankaj

# 2012 年 6 月 1 日

我遇到问题了..
在我的页面中，有一个表格，随着行数的增加，表格的顶部边距也会增加..

raj

# 2014 年 11 月 21 日

不错的答案，它对我有用。
谢谢！

Stephen

# 2015 年 1 月 14 日

非常有用，谢谢 :)

Akshay

# 2016 年 7 月 19 日

如何为新标签/窗口设置标题？

User14

# 2020 年 5 月 21 日

非常感谢。它对我有用

Rakesh

# 2020 年 6 月 2 日

如果你在表单上设置 target=”_blank”，并且你有一个，在 IE11 中，它会破坏文件（图像）。

Rakesh

评论永久链接# 2020 年 6 月 2 日

类型为文件的输入。

评论

发表评论 取消回复

发表评论取消回复