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="https://bbs.csdn.net/topics/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="https://bbs.csdn.net/topics/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表單的問題
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/213008.html
標籤:JavaScript
