我有一个单页React应用程序，其中包含一个简单的登录表单，其中包含两个按钮LOGIN和BACK。如果我点击BACK LastPass仍然提供保存输入的用户名/密码，即使我没有登录。
有没有办法告诉LastPass后退按钮是登录表单的取消按钮，在这种情况下它不应该尝试保存用户名/密码？
HTML看起来像这样：
<input name="username" type="text" />
<button type="submit">LOGIN</button>
<button>BACK</button>
答案 0 :(得分：1)
您可以使用<input type="reset" />或<button type="reset">。
顾名思义，重置按钮可取消表格。激活后，所有用户输入都会被取消，并且这些字段会重设为其默认值，即HTML代码中指定的默认值。
在JavaScript中，您可以使用父表单form.onreset=...，form.addEvementListener('reset', ...)或<form onreset="...">上的reset事件来拦截对reset按钮的激活。
请注意，对于提交按钮，使用onclick直接在按钮上拦截click事件是一种不好的做法：尽管没有通用的标准方法来取消表单，因为有回车键可以提交表单（转义键don （默认情况下不会取消该表单），您无法确定除单击重置按钮外没有其他方法可以取消该表单。