当我在它之间切换时,表单元素一团糟 [关闭]

Form elements in a mess when i switching between it [closed]

提问人:Kyrylo 提问时间:11/13/2023 最后编辑:Kyrylo 更新时间:11/13/2023 访问量:56

问:


编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

9天前关闭。

注册表的元素和样机上一样,只要我点击切换器切换到登录表单,表单的元素就一团糟,即使我切换回注册表,元素也不会变成原来的样子,它能是什么?

javascript html css sass uiswitch

评论

0赞 mustafa 11/13/2023
没有 CodePen 链接。
0赞 Kyrylo 11/13/2023
它已经添加了
0赞 Sean 11/13/2023
欢迎使用 StackOverflow。请避免发布指向 CodePens 等代码的外部链接,因为链接可能会随着时间的推移而失效,这将使这个问题对有相同问题的其他人不再有价值。相反,尝试创建一个最小的可重现示例,并在可能的情况下使用 StackSnippet 将其嵌入到问题本身中。
0赞 CBroe 11/13/2023
你最初在CSS中,但你的JS并没有把它切换回那个,而是切换到那个#registration_formdisplay: flexnoneblock
0赞 Kyrylo 11/13/2023
谢谢,注册表已经设置好了,但登录站还是这样

答:

1赞 mustafa 11/13/2023 #1

JS 代码应该是 display = “flex” 而不是 “block”。 此外,您需要将 class=“registration_form” 赋予您的login_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";
}