a login page - Posts - OneCompiler

<!DOCTYPE html> <html> <head> <title>Login Page</title> <style> .container { background-color: #f2f2f2; padding: 20px; border-radius: 10px; width: 300px; margin: auto; }

    .container input[type="text"],
    .container input[type="password"],
    .container input[type="tel"] {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: 2px solid #ccc;
        border-radius: 4px;
    }

    .container input[type="submit"] {
        width: 100%;
        background-color: #4CAF50;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
</style>

</head> <body> <h2>Login Page</h2> <div class="container"> <form action="/your_action_page.php"> <label for="uname"><b>Username</b></label> <input type="text" id="uname" name="uname" placeholder="Enter Username" required><br>

        <label for="psw"><b>Password</b></label>
        <input type="password" id="psw" name="psw" placeholder="Enter Password" required><br>

        <label for="mobile"><b>Mobile Number</b></label>
        <input type="tel" id="mobile" name="mobile" placeholder="Enter Mobile Number" required><br>

        <input type="submit" value="Login">
        <label>
            <input type="checkbox" checked="checked" name="remember"> Remember me
        </label>
    </form>
</div>

</body> </html>