你好,这里是新手。
我用 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>
答案 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>