0

我有一个带有两个提交输入的 HTML 表单。其中一个重置申请表，另一个进入下一个级别：

<form method="POST" action="#">
<input type="text" name="username" value="" required aria-required="true">
<input type="submit" name="info" value="Next Step">
<input type="submit" name="info" value="Reset">
</form>

现在我使用了“必需”标签，除非他们填写了用户名字段，否则不允许用户继续操作。

有什么办法可以排除重置按钮，因为重置按钮不需要任何验证。

我能想到的一种解决方案是将重置按钮放在表单之外，但是我在对齐按钮时会遇到一些问题，因为我希望两个按钮都在一行中，并且如果其中一个在 DIV 标签内一个表格，而另一个表格在表格之外，它们永远不会排成一行（我尝试了很多，它不起作用！）。

我想知道是否有任何其他方法或解决方法来处理这个......

4

4 回答 4

2

使用 a <button type="reset">，它不会验证。

于 2012-10-04T11:40:30.090 回答
2

采用<input type="reset" name="info" value="Reset">

这不会提交表单。你可以对input type="submit"

于 2012-10-04T11:42:45.990 回答
0

在我看来，您的两个按钮都包含在提交类型下，无论如何都会在您的表单上提交。因此，您可以简单地将重置按钮类型用作

   <input type="reset" name="info" value="Reset">
于 2012-10-04T11:47:23.013 回答
0

使用formnovalidate属性：

<input type="submit" name="info" value="Reset" formnovalidate>

浏览器支持有限，但可能与required属性大致相同。

注意：值（按钮文本）“重置”可能会产生误导，因为它暗示该按钮是所谓的重置按钮，它会永久破坏表单中输入的任何数据，但不会引起任何服务器交互。此类按钮（几乎不应该使用，但通常使用）通常标有“重置”。

于 2012-10-04T11:54:29.237 回答