在新标签页中提交 HTML 表单-解网

问：

为了进行测试，我想在新选项卡上加载提交调用的页面。这可能吗？

HTML 表单

@nalply：真的吗？大多数浏览器在每次网站建议他们使用新窗口时都会使用选项卡（）。这是一件好事，因为几乎没有人希望网站打开一个新窗口，而且我认为这个默认值永远不会改变，因为现在几乎每个网站都使用。target="_blank"_blank

0赞 nalply 10/21/2012

这掩盖了一个重要的细节。不会打开新标签页。它正在打开一个新窗口，该窗口大多（但并非总是！！）默认为打开一个新选项卡。这取决于浏览器的配置。请看这个被大量赞成的答案：stackoverflow.com/a/4907854/220060_blank

0赞 Strae 10/22/2012

@nalply我可以同意你的观点，即该命令在新窗口中打开链接，但你必须同意我的观点，即今天所有已知的浏览器都以选项卡的形式打开新窗口，所以结果是一样的。如果用户手动配置浏览器以打开一个新窗口，那么这是他所做的选择，我们不能做任何事情来阻止这种情况。

0赞 nalply 10/22/2012

@Strae，好吧，我慢慢地意识到了这一点。我使用标签多年，但我仍然认为非高级用户还没有发现标签。

9赞 SickHippie 4/19/2011 #3

既然你已经有了这个标记的jQuery，我假设你想要在你的成功函数中加入一些东西？

success: function(data){
    window.open('http://www.mysite.com/', '_blank');
}

2赞 ArtieJ 6/29/2012 #4

您的浏览器选项必须设置为在新选项卡中打开新窗口，否则将打开新的浏览器窗口。

9赞 webtech 9/16/2013 #5

尝试使用 jQuery

<script type="text/javascript">
$("form").submit(function() {
$("form").attr('target', '_blank');
return true;
});
</script>

这是一个完整的答案 - http://ftutorials.com/open-html-form-in-new-tab/

28赞 juanmf 10/31/2013 #6

我有一个[提交]和一个[预览]按钮，我希望预览显示已提交表单数据的打印视图，而不将其保存到数据库。因此，我希望[预览]在新选项卡中打开，并提交以在同一窗口/选项卡中提交数据。

<button type="submit" id="liquidacion_save"          name="liquidacion[save]"          onclick="$('form').attr('target', '');"      >Save</button></div>    <div>
<button type="submit" id="liquidacion_Previsualizar" name="liquidacion[Previsualizar]" onclick="$('form').attr('target', '_blank');">Preview</button></div>

4赞 Link 3/9/2015 #7

这也很好用，您可以在新的选项卡处理程序时执行其他操作提交 .

<form>
    <a href="#">Submit</a>
</form>

<script>
    $('a').click(function () {
        // do something you want ...

        $('form').submit();
    });
</script>

51赞 dragontree 3/6/2018 #8

也可以使用HTML5中引入的新按钮属性。formtarget

<form>
  <input type="submit" formtarget="_blank"/>
</form>

在新标签页中提交 HTML 表单

Submit HTML form in a new tab

评论

评论

评论