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标签中即可。此外，输入标签后还有一个双>，它没有闭合。那么这可能是你想要的吗？

<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制作自己的按钮