Question

为什么输入类型提交的href不能在IE中工作？（我该怎么做才能解决它）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
</head>
<body>
<a href="1.html"><input type="submit" class="button_active" value="1"></a>
<a href="2.html"><input type="submit" class="button" value="2"></a>
<a href="3.html"><input type="submit" class="button" value="3"></a>
</body>
</html>

的style.css：

* {
    margin: 0;
    padding: 0;
}

/* CSS Buttons: http://www.web4site.de/css/css-buttons.php */
.button {
    padding:0;
    margin:0;
    border:none;
    font-size:14px;
    background: url(../img/button.gif) no-repeat center;
    color: #000000;
    height:27px;
    width:134px; 
    font-variant:small-caps;
}

.button:hover {
    padding:0;
    margin:0;
    border:none;
    font-size:14px;
    background: url(../img/button.gif) no-repeat center;
    color: #FF0000;
    height:27px;
    width:134px; 
    text-decoration:none;
    font-variant:small-caps;
}

.button_active {
    padding:0;
    margin:0;
    border:none;
    font-size:14px;
    background: url(../img/button.gif) no-repeat center;
    color: #FF0000;
    height:27px;
    width:134px; 
    font-variant:small-caps;
}

这在firefox中运行良好......

Answer 1

为什么要在锚点中放置提交按钮？您要么尝试提交表单，要么转到其他页面。哪一个？

提交表格：

<input type="submit" class="button_active" value="1" />

或转到另一页：

<input type="button" class="button_active" onclick="location.href='1.html';" />

Answer 2

它不起作用，因为它没有意义（HTML 5明确禁止它的意义不大）。

要修复它，请确定您是否需要链接或提交按钮并使用您真正想要的任何一个（提示：您没有表单，因此提交按钮是无意义的）。

Answer 3

将链接位置放在包装action=""标记的form中。

您的第一个链接是：

<form action="1.html">
    <input type="submit" class="button_active" value="1">
</form>

Answer 4

我同意昆汀的观点。你为什么要这样做是没有意义的。它是Semantic Web概念的一部分。您必须规划网站的对象以供将来集成/扩展。如果不遵循正确的用例，则另一个Web应用程序或网站无法与您的内容进行交互。

IE和Firefox是两种不同的野兽。 IE允许Firefox和其他标准感知浏览器拒绝。

如果您尝试创建按钮而不实际提交数据，请使用DIV / CSS的组合。

Answer 5

<a href="1.html"><input type="text" class="button_active" value="1"></a>
<a href="2.html"><input type="text" class="button" value="2"></a>
<a href="3.html"><input type="text" class="button" value="3"></a>

试试吧。除非你真的需要坚持提交类型，否则我提供的应该是有效的。如果你要坚持提交，那么上面提到的一切都是正确的，这是没有意义的。

Answer 6

您可以做到。输入类型Submit应该在表单内部。然后，您要做的就是将要重定向的链接写在form标签内的action属性内。

输入类型提交的href

6 个答案: