Firebase 身份验证问题

时间:2021-07-14 19:49:43

标签: html firebase forms firebase-authentication

你好,这里是新手。

我用 html、css 和 js 创建了一个简单的登录。身份验证在 firebase 上运行,本地主机训练假人。我遇到的问题是,一旦我在输入和按钮周围添加标签,页面就会在按下按钮时重新加载。 “解决方案”是删除表单标签,一切运行顺利,但我不得不承认,这并不能满足我对语义和东西的了解。

 <form id="userLogin" class="form-container">
            <input id="txtEmail" type="email" placeholder="Email" required="" autofocus="" autocomplete="email">

            <input id="txtPassword" type="password" placeholder="Password" required="" autocomplete="current-password">

            <button id="btnLogin">Log in</button>

            <button id="btnSignUp">Sign up</button>

            <button id="btnLogout">Log out</button>

            <button id="verify">Verify me</button>
        </form>

1 个答案:

答案 0 :(得分:0)

你没有关闭你的标签。

你应该这样做:

<input id='input' />

或者这样:

<input id='input' ></input>

您的最终代码应如下所示:

<form id="userLogin" class="form-container">
  <input id="txtEmail" type="email" placeholder="Email" required="" autofocus="" autocomplete="email" />

  <input id="txtPassword" type="password" placeholder="Password" required="" autocomplete="current-password" />

  <button id="btnLogin">Log in</button>

  <button id="btnSignUp">Sign up</button>

  <button id="btnLogout">Log out</button>

  <button id="verify">Verify me</button>
</form>