Question

我尝试创建这样的表单。

<form>
  <input type="text" autocomplete="username" style="display:none;">
  <label for="password">password:</label><input type="password" autocomplete="current-password"><button>ok</button></div>
</form>

注意：用户名仅用于关闭chrome的devtools。它会打印一个警告，表示应该要求用户名，但我实际上正在开发电子应用程序。同样地，<form>仅用于关闭devtools。我只需要密码字段。

在任何情况下，如果我在密码字段中按Enter键或单击表单提交的确定按钮，或者至少页面重新加载，这是非常令人惊讶的。没有submit按钮，也没有JavaScript。

我希望提交一个提交按钮。我不希望按密码字段中的输入提交或按下一些没有附加处理程序的随机按钮元素。

这是预期的行为吗？

注意：您可以在上面的代码段中试用它。运行代码段，按确定。

Answer 1

默认情况下

<button>ok</button>

就像这样

<button type="submit">ok</button>

如果您不想提交表单，则必须将其类型指定为普通按钮。

<button type="button">ok</button>

Answer 2

默认表单提交输入点击如果您不希望发生这种情况则必须停止提交

你可以使用jquery来实现这个

<script>
$(form).on('submit', function(e){
e.preventDefault();
})
</script>

预计输入密码会自动提交吗？

2 个答案: