Question

为什么在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

Answer 1

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

<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;
}

当与类似风格的按钮并排放置时，如下所示：

enter image description here

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

Answer 2

只需使用onClick事件。

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

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

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

Answer 3

<form action="page.html">
    <input type="submit" value="Go to page" />
</form>

Answer 4

试试这个：

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

如上所述，当您使用输入时，请不要忘记在<form>内使用它。

Answer 5

在HTML5中，input元素不允许作为a element的子元素，因为它们都是interactive元素。

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

HTML 8中的HTML原因

5 个答案: