html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="login.css">
</head>
<body>
<div id="MITFontPosition">
<svg width="130" viewBox="0 0 73 39" >
<polygon class="logo-color--primary" points="52.785 8.063 72.785 8.063 72.785 0.063 52.785 0.063" style="fill: white;"></polygon>
<polygon class="logo-color--primary" points="13.785 26.063 21.785 26.063 21.785 0.063 13.785 0.063"style="fill: white;"></polygon>
<polygon class="logo-color--primary" points="26.785 38.063 34.785 38.063 34.785 0.063 26.785 0.063"style="fill: white;"></polygon>
<polygon class="logo-color--primary" points="0.785 38.063 8.785 38.063 8.785 0.063 0.785 0.063"style="fill: white;"></polygon>
<polygon class="logo-color--primary" points="52.785 38.063 60.785 38.063 60.785 13.063 52.785 13.063"style="fill: white;"></polygon>
<polygon class="logo-color--primary" points="39.785 8.063 47.785 8.063 47.785 0.063 39.785 0.063"style="fill: white;"></polygon>
<polygon class="logo-color--secondary" points="40 38 48 38 48 13 40 13"style="fill: white;"></polygon>
</svg>
</div>
<div class="formPosition">
<form class="form1" id="formChange">
<div class="font">登录</div>
<div class="input1Position">
<input class="input1" type="text" placeholder="用户名">
</div>
<div class="input2Position">
<input class="input1" type="password" placeholder="密码">
</div>
<div class="button1Position">
<button type="submit" class="button1">登录</button>
</div>
<div class="button2Position">
<button class="button2" id="register">还没账号?点这里注册!</button>
</div>
</form>
</div>
<script type="text/javascript" src="login.js"></script>
</body>
</html>
js:
window.onload =function(){
var register = document.getElementById("register")
var formChange = document.getElementById("formChange")
register.onclick = registerForm
}
function registerForm(){
formChange.style.display="flex"
}
想要利用js来实现点击按钮然后让form表单消失,可是执行的时候表单才消失半秒钟就又恢复原状了...代码检查了好多遍都没发现问题,被这个问题困扰得快疯了。请诸位大神来帮帮忙呀!这个方法用在另外一个项目里面是可以正常执行的,我就怀疑是不是这个form表单的问题