html提交按钮链接到下一页

Question

 <a href="main.jsp" <input type="submit" class="fadeIn fourth" id="submit"  value="Log In">> </a>

这是我的 html 代码。 我想让那个提交按钮链接到我的主页。 当我这样做时，我确实按下了“>”按钮，它会进入下一页。 我只是希望它看起来像原始提交按钮而不是“>”

Answer 1

仅供参考 --- 如果您的提交按钮只是链接到一个页面，那么您尝试提交的任何信息实际上都不会去任何地方。 如果您希望提交按钮实际提交某些内容，您将需要一些 Javascript。

Answer 2

同意@pierre，只需使用a标签

 <a href="main.jsp" <input type="submit" class="fadeIn fourth" id="submit"  value="Log In">> </a>

成为

 <a href="main.jsp" class="fadeIn fourth">Log In</a>

然后只需将输入所需的任何样式添加到a标签。 在 input 标签之后还有一个双> ，它没有结束。 那么这可能是你想要的吗？

 <a href="main.jsp"><input type="submit" class="fadeIn fourth" id="submit"  value="Log In" /></a>

编辑

<input type="submit" class="fadeIn fourth" id="submit" onclick="link_data" value="Log In" />
<script>
function link_data() {
    // Send data
    window.location.href = "main.jsp"; // This will change the page location to main.jsp
}
</script>

如果您希望它看起来像一个没有输入的按钮，请查看这里或使用 CSS 制作自己的按钮