如何使一个inputtypes=button像一个超链接和redirect使用获取请求？
我如何使一个<input type=button>像超链接一样使用GET请求redirect？
有几种不同的方法可以做到这一点 – 首先，简单地把它放在一个表格中，指向你想要的地方：
<form action="/my/link/location" method="get"> <input type="submit" value="Go to my link location" name="Submit" id="frm1_submit" /> </form>
即使没有打开javascript，也可以工作。
其次，使用javascript的独立button：
<input type="submit" value="Go to my link location" onclick="window.location='/my/link/location';" />
但是，如果没有JavaScript，浏览器将会失败（注意：这是非常糟糕的做法 – 你应该使用事件处理程序，而不是像这样的内联代码 – 这只是说明我所谈论的事情的最简单的方法。）
第三个选项是设置一个实际的链接，如button：
<style type="text/css"> .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. </style> <div class="my_content_container"> <a href="/my/link/location/">Go to my link location</a> </div>
这具有在任何地方工作的优点， 并且意味着你最可能希望它的意思。
你可以使<button>标签做这样的行为：
<a href="http://www.google.com/"> <button>Visit Google</button> </a>
要么：
<a href="http://www.google.com/"> <input type="button" value="Visit Google" /> </a>
这很简单，没有JavaScript的要求！
注意：
这种方法在HTML结构中是无效的。 但是，它适用于许多现代浏览器。 请参阅以下参考：
- 对于
<button>; 和- 对于
<input type="button />
<script type="text/javascript"> <!-- 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];`` } // --> </script> </head> <body> <form action="#"> <div id="container"> <input class="butts" type="button" value="htmlforums" onclick="newPage(0)"/> <input class="butts" type="button" value="codingforums" onclick="newPage(1)"/> <input class="butts" type="button" value="w3schools" onclick="newPage(2)"/> <input class="butts" type="button" value="webmasterworld" onclick="newPage(3)"/> </div> </form> </body>
这是另一种方式，比另一种更简单。
<input id="inp" type="button" value="Home Page" onclick="location.href='AdminPage.jsp';" />
这很简单。
对于那些从search（谷歌）绊倒这些，并试图转换为.NET和MVC代码。 （就像我的情况一样）
@using (Html.BeginForm("RemoveLostRolls", "Process", FormMethod.Get)) { <input type="submit" value="Process" /> }
这将显示一个标签为“Process”的button并带您进入“/ Process / RemoveLostRolls”。 没有“FormMethod.Get”它工作，但被视为“职位”。
不要做。 我可能想用猴子血跑我的车。 我有我的理由，但有时候最好坚持按照他们devise的方式来使用东西，即使它不是“绝对完美”地匹配你所驾驶的确切外观。
为了支持我的论点，我提交了以下内容。
- 看看这个图像如何缺less底部的状态栏。 此链接正在使用
onclick="location.href"模型。 （这是我前辈的一个现实生活的例子）这可能会让用户犹豫不决，点击链接，因为他们不知道在哪里采取他们，对于初学者。
您也正在使search引擎优化IMO更加困难，以及使您的代码/ HTML的debugging和阅读更复杂。 提交button应提交表单。 为什么你（开发社区）试图创build一个非标准的用户界面？
我认为这是你的需要。
a href="#" onclick="document.forms[0].submit();return false;"
