PSD to HTML conversion PSD to HTML conversion PSD2HTML.com with over 300 professionals takes the designs to HTML and beyond

Code Snippet

Home » Code Snippets » HTML » Form Submission Opens New Tab/Window

Form Submission Opens New Tab/Window

You probably knew that you could force a link into opening a new tab or window with the target="_blank" attribute (deprecated, but universally still supported).

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

But you can use the same exact attribute on forms to get the same result:

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

Subscribe to The Thread

  1. Kartlos Tchavelachvili

    Nice share! so target becomes the action=”url.html”.

    Reply ↓
  2. Bradley Rosenfeld

    And I used to use java script to do this :O Thanks for sharing

    Reply ↓
  3. Bob

    A nice feature, but unfortunately, the target attribute has been deprecated.

    http://www.w3schools.com/tags/att_form_target.asp

    Reply ↓
  4. dan

    so if it is deprecated, what would be the alternative to open a form in a new window?

    Reply ↓
  5. M.Pinto

    Great share.. Thanx.. :)

    Reply ↓
  6. Peter Hanley

    Unfortunately, this is not totally ‘universally supported’ – it seems like if you try to have multiple forms doing this on one page (in a data grid, for example) – submitting one form kills the others so you get nothing on click (so far confirmed on latest webkit (safari 5.1, chrome 13), but the trick still works with Firefox 6)

    So if you’re using this on a site with multiple forms, you may wish to take a look at alternatives.

    Reply ↓
  7. Peter Hanley

    Of course after being all doom & gloom I found the solution – each form must have a unique id attribute in order for this to work in Safari:

    This doesn’t work:

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

    but this does:

    
 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>
    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~