Input Button Target="_Blank" Isn't Causing the Link to Load in a New Window/Tab

use formtarget="_blank" its working for me

<input type="button" onClick="parent.location='" value="facebook" formtarget="_blank">

Browser compatibility: from caniuse.com
IE: 10+ | Edge: 12+ | Firefox: 4+ | Chrome: 15+ | Safari/iOS: 5.1+ | Android: 4+

The correct answer:

<form role="search" method="get" action="" target="_blank"></form>

Supported in all major browsers :)

Just use the javascript window.open function with the second parameter at "_blank"

<button onClick="javascript:window.open(' '_blank');">facebook</button>

Facing a similar problem, I solved it this way:

<a href="" target="_top" style="text-decoration:none"><button id="back">Back</button></a>

Change _top with _blank if this is what you need.

target isn't valid on an input element.

In this case, though, your redirection is done by Javascript, so you could have your script open up a new window.

The formtarget attribute is only used for buttons with type="submit".

That is from this reference.

Here is an answer using JavaScript:

<input type="button" onClick="openNewTab()" value="facebook">

<script type="text/javascript">
    function openNewTab() {
        window.open("");
    }
</script>

Please try this it's working for me

onClick="window.open('','facebook')"

<button type="button" class="btn btn-default btn-social" onClick="window.open(')">
          <i class="fa fa-facebook" aria-hidden="true"></i>
</button>

An input element does not support the target attribute. The target attribute is for a tags and that is where it should be used.

<form target="_blank">
    <button class="btn btn-primary" formaction="">Google</button>
</form>

Instead of

onClick="parent.location=''"

try using

onClick="window.open=''" onClick="window.open('','facebook')"

In a similar use case, this worked for me...

<button onclick="window.open(' '_blank');">  My Button </button>

Another solution, using JQUERY, would be to write a function that is invoked when the user clicks the button. This function creates a new <A> element, with target='blank', appends this to the document, 'clicks' it then removes it.

So as far as the user is concerned, they clicked a button, but behind the scenes, an <A> element with target='_blank' was clicked.

<input type="button" id='myButton' value="facebook">

$(document).on('ready', function(){
     $('#myButton').on('click',function(){
         var link = document.createElement("a");
         link.href = '
         link.style = "visibility:hidden";
         link.target = "_blank";
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link); 
     });
});

JsFiddle :