How to make an input type button act like a hyperlink and redirect using a get request

Question

How do I make a  lt input type button gt  act like a hyperlink and redirect using a GET request

User · Answer

Do not do it   I might want to run my car on monkey blood   I have my reasons  but sometimes it s better to stick with using things the way they were designed even if it doesn t  absolutely perfectly  match the exact look you are driving for   To back up my argument I submit the following    See how this image lacks the status bar at the bottom   This link is using the onclick  location href  model   This is a real-life production example from my predecessor   This can make users hesitant to click on the link  since they have no idea where it is taking them  for starters      You are also making Search engine optimization more difficult IMO as well as making the debugging and reading of your code HTML more complex   A submit button should submit a form   Why should you the development community  try to create a non-standard UI

User · Answer

There are several different ways to do that -- first  simply put it inside a form that points to where you want it to go             lt form action   my link location  method  get  gt       lt input type  submit  value  Go to my link location            name  Submit  id  frm1 submit    gt   lt  form gt    This has the advantage of working even without javascript turned on   Second  use a stand-alone button with javascript          lt input type  submit  value  Go to my link location       onclick  window location   my link location      gt           This however  will fail in browsers without JavaScript  Note  this is really bad practice -- you should be using event handlers  not inline code like this -- this is just the simplest way of illustrating the kind of thing I m talking about    The third option is to style an actual link like a button           lt style type  text css  gt   my content container a       border-bottom  1px solid  777777      border-left  1px solid  000000      border-right  1px solid  333333      border-top  1px solid  000000      color   000000      display  block      height  2 5em      padding  0 1em      width  5em             text-decoration  none               hover and  active styles left as an exercise for the reader   lt  style gt    lt div class  my content container  gt       lt a href   my link location   gt Go to my link location lt  a gt   lt  div gt    This has the advantage of working everywhere and meaning what you most likely want it to mean

User · Answer

I think that is your need   a href     onclick  document forms 0  submit   return false

User · Answer

lt script type  text javascript  gt   lt  --  function newPage num    var url new Array    url 0   http   www htmlforums com   url 1   http   www codingforums com    url 2   http   www w3schools com   url 3   http   www webmasterworld com   window location url num          -- gt   lt  script gt   lt  head gt   lt body gt   lt form action     gt   lt div id  container  gt   lt input class  butts  type  button  value  htmlforums  onclick  newPage 0    gt   lt input class  butts  type  button  value  codingforums  onclick  newPage 1    gt   lt input class  butts  type  button  value  w3schools  onclick  newPage 2    gt   lt input class  butts  type  button  value  webmasterworld  onclick  newPage 3    gt   lt  div gt   lt  form gt   lt  body gt    Here s the other way  it s simpler than the other one    lt input id  inp  type  button  value  Home Page  onclick  location href  AdminPage jsp      gt    It s simpler

User · Answer

For those who stumble upon this from a search  Google  and are trying to translate to  NET and MVC code   as in my case    using  Html BeginForm  RemoveLostRolls    Process   FormMethod Get           lt input type  submit  value  Process    gt      This will show a button labeled  Process  and take you to   Process RemoveLostRolls   Without  FormMethod Get  it worked  but was seen as a  post

User · Answer

You can make  lt button gt  tag to do action like this   lt a href  quot http   www google com  quot  gt      lt button gt Visit Google lt  button gt   lt  a gt   or   lt a href  quot http   www google com  quot  gt      lt input type  quot button quot  value  quot Visit Google quot    gt   lt  a gt   It s simple and no javascript required    NOTE  This approach is not valid from HTML structure  But  it works on many modern browser  See following reference    For  lt button gt   and For  lt input type  quot button   gt

[html] How to make an input type=button act like a hyperlink and redirect using a get request?

Examples related to html

Examples related to button