HTML：取消所需输入并重定向回索引的按钮

Question

我正在处理一个要求用户注册帐户的项目。我目前正在尝试弄清楚如何获得一个按钮来取消当前表单并重定向回索引页面。

用户被引导到一个简单的页面，他们可以在其中输入他们的姓名。该名称当前是“必需的”，因此如果用户想要创建帐户，则必须输入该名称。 用户在此页面上有两个选项： 1.输入名称，点击“创建账户” 2.点击“取消创建账户”

现在，每当我点击“取消创建帐户”时，我都会收到一条消息，告诉我填写“名称”字段，因为它是必需的。我怎样才能绕过这个，所以我可以只返回索引页面而不提交表单？

我已经尝试过“formnovalidate”，但没有奏效。我一直在寻找其他一些解决方案，但没有一个可以同时进行重定向和取消。

这是此项目的 CodePen：https://codepen.io/anfperez/pen/oRgoOm

<label>Name</label>
<input id="name" name="name" maxlength="80" required/>

<input id="register" type="submit" name="submit" value="CREATE ACCOUNT" /> 
<!--this is supposed to redirect back to an index page -->
<a href="./"><button style="margin-left:20px;" noformvalidation>CANCEL CREATE ACCOUNT</button></a>

Answer 1

如果需要链接，请使用链接。

如果您想要提交按钮，请使用提交按钮。

不要将两者用于同一个控件。无论如何，它在 HTML 中是不允许的。