当我在表单元素之间切换时，表单元素一片混乱

Question

注册表单的元素和样机上一样，当我点击切换器切换到登录表单时，表单的元素就乱七八糟，甚至当我切换回注册表单时，元素并没有变成原来的样子，那会是什么？这是三张照片： 当我刷新页面时： 当我尝试切换登录时： 当我尝试再次从登录切换到注册时： 这是 Codepen 的链接：Codepen

enter code here

Answer 1

JS 代码应该是 display = "flex" 而不是 "block"。 另外，您需要将 class="registration_form" 提供给您的登录表单。

function showRegistrationForm() {
  document.getElementById("registration_form").style.display = "flex";
  document.getElementById("login_form").style.display = "none";
}

// Функція для показу форми входу
function showLoginForm() {
  document.getElementById("registration_form").style.display = "none";
  document.getElementById("login_form").style.display = "flex";
}