我如何分配;“必需”;是否将语句添加到HTML表单中的某个提交按钮?

我如何分配;“必需”;是否将语句添加到HTML表单中的某个提交按钮?,html,forms,button,input,submit,Html,Forms,Button,Input,Submit,我有一个带有两个提交输入的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="inf

我有一个带有两个提交输入的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>

现在我使用了“required”标记,它不允许用户继续操作,除非他们填写了用户名字段

是否有任何方法可以排除重置按钮,因为重置按钮不需要任何验证

我能想到的一个解决方案是将reset按钮放在表单外部,但在对齐按钮时会遇到一些问题,因为我希望两个按钮都在一行中,如果其中一个按钮位于表单内部的DIV标记内部,而另一个按钮位于表单外部,则它们将永远不会在一行中对齐(我试了很多次,但都不管用!)

我想知道是否有其他方法或解决办法来处理此问题…

使用
,它不会验证。

使用
,它不会验证。

使用

这将不会提交表单。您可以在
输入type=“submit”

使用


这将不会提交表单。您可以在
input type=“submit”

上进行验证。在我看来,您的两个按钮都包含在“提交类型”下,这将在表单上进行提交。因此,您只需使用“重置按钮类型”即可

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

在我看来,您的两个按钮都包含在“提交类型”下,这将在您的表单上进行提交。因此,您只需使用“重置按钮类型”即可

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

使用
formnovalidate
属性:

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

浏览器支持有限,但可能与
required
属性一样有限


注意:值(按钮文本)“Reset”可能会产生误导,因为它表明该按钮是一个所谓的Reset按钮,它会永久性地破坏表单中输入的任何数据,但不会引起任何服务器交互。此类按钮(几乎不应使用,但通常使用)通常标有“Reset”.

使用
formnovalidate
属性:

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

浏览器支持有限,但可能与
required
属性一样有限


注意:值(按钮文本)“Reset”可能会产生误导,因为它表明该按钮是一个所谓的Reset按钮,它会永久性地破坏表单中输入的任何数据,但不会引起任何服务器交互。此类按钮(几乎不应使用,但通常使用)通常标有“Reset”.

哇!从没听说过!我要试试!哇!从没听说过!我要试试!谢谢老兄!我希望它不需要任何验证。谢谢老兄!我希望它不需要任何验证。formnovalidate?嗯!我希望它能在chrome和FF中工作。谢谢!根据chrome版本10支持它(有一些混乱的早期历史)和版本4中的Firefox。因此支持是好的。(IE 9不支持“HTML5表单验证”,例如
必需的
模式
属性。)formnovalidate?嗯!我希望它能在chrome和FF中工作。谢谢!根据chrome版本10支持它(有一些混乱的早期历史)和Firefox版本4。所以支持很好。(IE 9不支持“HTML5表单验证”,例如,
必需的
模式
属性。)谢谢老兄!我要试一试。谢谢老兄!我要试一试。