Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Login Page</title>
    <link rel="stylesheet" href="loginpage.css" />


    <script>
        function checkform()
        {
            user_check = document.getElementById("username").value;
            pass_check = document.getElementById("password").value;
            id_check = document.getElementById("id").value;
            if (user_check != "" || pass_check != "" || id_check != "")
            {
                if (user_check == "SSS" && pass_check == "123456" && id_check == "1234") {
                    alert("Authenticated.");
                }
                else {
                    alert("Failed to Authenticate.");
                }
            }
            else {
                alert("Empty Field!");

            }


        }
    </script>

</head>


<body>

    <h1 id="welcome">Please Login with your credentials.</h1>

    <form onsubmit="checkform()">
        <table  id="Table1">
            <tr>
                <td>
                    Username:
                </td>
                <td>
                    <input type="text" id="username" />
                </td>
            </tr>

            <tr>
                <td>
                    Password:
                </td>
                <td>
                    <input type="password" id="password"/>
                </td>
            </tr>


            <tr>
                <td>
                    ID:
                </td>
                <td>
                    <input type="text" id="id" />
                </td>
            </tr>

            <tr>
                <td>
                    <input type="reset" value="Reset" />
                </td>
                <td>
                    <input type="submit" value="Submit" />
                </td>
            </tr>

        </table>
    </form>

</body>
</html>