1

为什么在 IE 8 中（我无法升级，因为在 Windows XP 上它只能升级到 v8）这有效：

<body>
   <a href="page.html">
      <img src="myimage.jpg" />
   </a>
</body>

这不会：

<body>
   <a href="page.html">
      <input type="button" name="mybutton" value="Go to page" />
   </a>
</body>

我只需要按钮查看链接，它可以在所有其他浏览器中使用，并且可以在这里验证http://validator.w3.org

4

5 回答 5

2

如果您需要一个看起来像按钮的链接，您可以将链接设置为看起来像一个按钮：

<a href="page.html" class="btn">Go to Page</a>

.btn {
    color: #000;
    padding: 1px 6px;
    background: #EEE;
    text-decoration: none;
    border: 1px solid #999;
    font: 13px Helvetica, Arial, FreeSans, Verdana, Tahoma;
}

.btn:hover {
    cursor: pointer;
    background: lightblue;
    border-color: #7EB4EA;
}

其中，当与类似样式的按钮并排放置时，如下所示：

在此处输入图像描述

小提琴：http: //jsfiddle.net/jonathansampson/g6faB/

于 2013-01-30T01:26:17.347 回答
1

只需使用 onClick 事件。

<input type="button" value="Google" onClick="javascript:location.href = 'http://google.com';" />

应使用按钮通过服务器启动操作，例如表单提交。

超链接应该用于导航到另一个页面或客户端操作（例如 Javascript）。

于 2013-01-30T00:19:13.077 回答
0 
<form action="page.html">
    <input type="submit" value="Go to page" />
</form>
于 2013-01-30T00:33:08.113 回答
0

尝试这个：

<input type="image" src="myimage.jpg" alt="Submit" width="48" height="48">

如上所述，当你使用 input 时，不要忘记在里面使用它<form>。

于 2013-01-30T00:39:50.737 回答
0

在 HTML5 中，input不允许该元素作为 element 的子a元素，因为两者都是交互式元素。

在 HTML 4.01 中似乎是允许的（但是，您需要在元素周围添加一个块元素a，例如 a div）。

于 2013-01-30T02:03:10.020 回答