IE中的表单按钮问题答案

【问题标题】：Problem with form buttons in IEIE中的表单按钮问题
【发布时间】：2010-03-30 14:50:26
【问题描述】：

我的页面上有如下按钮：

<p>
    <a href="view.php">
      <input type="button" name="view" value="View Database" />
    </a>
</p>

IE 不支持这些按钮或多个按钮我不确定是哪一个。有谁知道如何解决这个问题以使用 IE？

【问题讨论】：

标签： html internet-explorer button

【解决方案1】：

在<a> 标记中嵌入按钮通常不会完成，而且确实没有任何意义。如果您希望您的链接看起来像一个按钮，那么只需在 onclick 事件上使用带有一些脚本的<input> 标签，或者使用 css 使您的链接看起来像按钮式（首先使用 display:block 或 display:inline-块）；

【讨论】：

【解决方案2】：

您不能将输入放入标记中，相反，您可以创建一个表单，然后将您的按钮更改为提交按钮。然后就可以在表单中选择目标url了，像这样：

<form action="view.php">

    <input type="submit" name="view" value="View Database" />

</form>

我会推荐这个而不是使用 javascript，因为按钮不是为导航网站而设计的。如果您想提交信息，这就是它们的用途，您将无法使用 javascript 如此干净地完成它。

【讨论】：

+1 很好的解决方案，我从没想过为此使用小表格。但是，我会将method="GET" 添加到<form> 标记中 - 目标页面可能会在理论上与 POST 一起出现奇怪的行为，而理论上它只是开始查看它。
@Andy, GET 是表单的默认方法。

【解决方案3】：

您到底想达到什么目的？如果您希望自定义按钮重定向到view.php，可以使用onclick:

<input type="button" name="view" value="View Database" onclick="window.location.href='view.php';" />

或类似的东西。

【讨论】：

【解决方案4】：

<input type="button" 
onclick="javascript:document.location='view.php';" 
value="View Database"/>

【讨论】：

【解决方案5】：

试试这个丑陋的怪物：

<input  type="button" name="view" value="View Database" onclick="javascript:window.location='view.php'"/>

【讨论】：

为什么你有一个名为“javascript”的标签？ developer.mozilla.org/en/Core_JavaScript_1.5_Reference/…
嗯，你的链接是什么意思？Javascript不是强制性的，你是对的。