我想使“登录”页面更安全。由HTML,CSS和JS制成

时间:2019-05-22 06:39:11

标签: javascript html css security

我想确保我的网页安全。这是一个使用HTML,CSS和Java脚本的登录页面。

我对数据库不了解:p

JAVA脚本代码...

function onClick()
{
    var user = document.getElementById("username").value; 
    var pass = document.getElementById("password").value; 
    if(user == "Username" && pass == "password" )
    {
        alert("Welcome Rohit");        
    }

    else
    {
        alert("Wrong username or password");
    }
}

HTML代码...

<!DOCTYPE html>
<html>
    <head>
        <title>Login</title>
        <script src="JS/index.js" type="text/javascript"></script>
        <link rel="stylesheet" href="CSS/index.css" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Baloo+Bhai&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Roboto:100&display=swap" rel="stylesheet">  
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
    </head>
    <body id="body">

        <center>
        <div id="centerDiv">
            <br>
            <b><p id="login">L&nbsp;O&nbsp;G&nbsp;-&nbsp;I&nbsp;N&nbsp;</p></b>
            <div id="loginDiv">
                <br><br>
                <input type="text" placeholder="Username" id="username" class="userPass">
                <br><br><br>
                <input type="password" placeholder="Password" id="password" class="userPass">
                <br><br><br>
                <button id="button" onclick="onClick()">Login</button>
            </div>






        </div>
        </center>


    </body>
</html>

这种类型的代码非常易于渗透。

访问我的网站,网址为 http://www.practicedomain.ga/ 我想要一个不容易通过安全保护的解决方案。

0 个答案:

没有答案