Input button target blank isn t causing the link to load in a new window tab

Question

I have an HTML file with an input button   This is only an example button  but it s including all necessary info of code      lt input type  button  onClick  parent location  http   www facebook com    value  facebook  target   blank  gt    For some reason  it s not loading in a new window tab

User · Answer

In a similar use case  this worked for me     lt button onclick  quot window open  https   www w3 org      blank    quot  gt   My Button  lt  button gt

User · Answer

Another solution   using JQUERY   would be to write a function that is invoked when the user clicks the button  This function creates a new  lt A gt  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  lt A gt  element with target   blank  was clicked    lt input type  button  id  myButton  value  facebook  gt     document  on  ready   function             myButton   on  click  function             var link   document createElement  a             link href    http   www facebook com             link style    visibility hidden            link target     blank            document body appendChild link            link click             document body removeChild link                   JsFiddle   https   jsfiddle net ragDaniel tf991u4g 2

User · Answer

you will need to do it like this       lt a type  button  href  http   www facebook com   value  facebook  target   blank  class  button  gt  lt  a gt    and add the basic css if you want it to look like a btn   like this       button       width 100px      height 50px      -moz-box-shadow inset 0 1px 0 0  fff      -webkit-box-shadow inset 0 1px 0 0  fff      box-shadow inset 0 1px 0 0  fff      background -webkit-gradient  linear  left top  left bottom  color-stop 0 05   ffffff   color-stop 1   d1d1d1         background -moz-linear-gradient  center top   ffffff 5    d1d1d1 100      filter progid DXImageTransform Microsoft gradient startColorstr   ffffff   endColorstr   d1d1d1        background-color  fff      -moz-border-radius 6px      -webkit-border-radius 6px      border-radius 6px      border 1px solid  dcdcdc      display inline-block      color  777      font-family Helvetica      font-size 15px      font-weight 700      padding 6px 24px      text-decoration none      text-shadow 1px 1px 0  fff         button hover       background -webkit-gradient  linear  left top  left bottom  color-stop 0 05   d1d1d1   color-stop 1   ffffff         background -moz-linear-gradient  center top   d1d1d1 5    ffffff 100      filter progid DXImageTransform Microsoft gradient startColorstr   d1d1d1   endColorstr   ffffff        background-color  d1d1d1    button active       position relative      top 1px     target works only with href tags

User · Answer

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

User · Answer

The correct answer    lt form role  search  method  get  action    target   blank  gt  lt  form gt    Supported in all major browsers

User · Answer

Please try this it s working for me  onClick  window open  http   www facebook com    facebook      lt button type  button  class  btn btn-default btn-social  onClick  window open  http   www facebook com    facebook    gt             lt i class  fa fa-facebook  aria-hidden  true  gt  lt  i gt   lt  button gt

User · Answer

use formtarget   blank  its working for me   lt input type  button  onClick  parent location  http   www facebook com    value  facebook  formtarget   blank  gt    Browser compatibility  from caniuse com IE  10    Edge  12    Firefox  4    Chrome  15    Safari iOS  5 1    Android  4

User · Answer

lt form target   blank  gt       lt button class  btn btn-primary  formaction  http   www google com  gt Google lt  button gt   lt  form gt

User · Answer

Just use the javascript window open function with the second parameter at   blank    lt button onClick  javascript window open  http   www facebook com     blank     gt facebook lt  button gt

User · Answer

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

User · Answer

Facing a similar problem  I solved it this way    lt a href  http   www google com   target   top  style  text-decoration none  gt  lt button id  back  gt Back lt  button gt  lt  a gt    Change  top with  blank if this is what you need

User · Answer

The formtarget attribute is only used for buttons with type  submit     That is from this reference   Here is an answer using JavaScript    lt input type  button  onClick  openNewTab    value  facebook  gt    lt script type  text javascript  gt      function openNewTab             window open  http   www facebook com            lt  script gt

User · Answer

Instead of     onClick  parent location  http   www facebook com      try using     onClick  window open  http   www facebook com      onClick  window open  http   www facebook com    facebook

[html] Input button target="_blank" isn't causing the link to load in a new window/tab

Examples related to html

Examples related to button

Examples related to input

Examples related to target