Question

我正在制作一个表单以提交要登录的数据（只是电子邮件和密码），但是我将其设置为仅隐藏电子邮件字段，并在输入完电子邮件后将其替换为密码字段。看来，如果在电子邮件字段中输入了任何内容，它将不会提交。下面有一个剪辑。

我现在实际上没有后端，只有HTML和Bootstrap，所以我不确定如何有效地解决此问题

代码：

<form>
  <div>
    <a href="index.html"><b>QSource</b><br><span>Lorem Ipsum Dolor Sit Amet</span></a>
  </div>
  <div>
    <input type="email" id="emailField" placeholder="E-Mail">
  </div>
  <div>
    <input type="password" id="passwordField" placeholder="Password">
  </div>
  <div>
    <button type="button" onclick="next()" id="nextButton"><span>Next</span></button>
  </div>
  <div>
    <button type="submit" id="loginButton"><span>Login</span></button>
  </div>
</form>

这是我尝试提交表单的视频。请注意，如果在电子邮件输入中未输入任何内容，则单击“提交”按钮时，它将重新加载页面（无论密码输入中是否包含任何内容）。我不知道它是否会真正提交，因为我没有后端，因此我只是在考虑是否重新加载页面。

https://i.gyazo.com/4be7cad8b362d139ea4ea17dcfe50862.mp4

Answer 1

我是个白痴-很好。我只是没有输入有效的电子邮件地址，因此，由于输入的内容为type =“ email”，因此不允许其提交。

填写文本输入后，HTML表单将不会提交

1 个答案: