《卡牌之聲：龍吟之島》釋出更新檔 加入高速模式
阿新 • • 發佈：2021-12-26
今天根據css的內容對html做了一個頁面，主要是一個登陸系統。
<html> <head> <title>登陸介面</title> <style> #frame_{ width: 600px; height: 250px; margin-left: 350px; margin-top: 130px; background-color: azure; border: black solid 2px; } #inner_{ background: azure;text-align: center; margin-top: 90px; } </style> </head> <body> <div id="frame_"> <div id="inner_"> 使用者id：<input type="text" id="u_id"><br> 密碼：<input type="text"id="u_pwd"><br> <button id="btn01">重置</button><button style="margin-left: 50px" id="btn02">登入</button><br> <span id="error" style="color: red"></span> <script> let btn002 = document.getElementById("btn02"); btn002.onclick= function (){ let id_str = document.getElementById("u_id").value; if(id_str == null||id_str == ""){ document.getElementById("error").innerHTML="賬戶不能為空！"; return; } let pwd_str = document.getElementById("u_pwd").value; if(pwd_str == null||pwd_str == ""){ document.getElementById("error").innerHTML="密碼不能為空！"; return; } window.location.href = "login?u_id="+id_str+"&u_pwd="+pwd_str; } </script> </div> </div> </body> </html>
是一個簡單的登入頁面。
今天開始將跟隨視訊學習一個Javaweb完整的學生管理系統的編寫。