HTML लॉगिन फ़ॉर्म टेम्पलेट

1328 codex

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

15 July 2025

HTML एनिमेटेड लॉगिन फ़ॉर्म उदाहरण

16 January 2026

रफ़ल फ़्लैश गेम प्लेयर HTML टेम्पलेट

9 September 2025

होटल बुकिंग पृष्ठ HTML - कमरे, सुविधाएँ, संपर्क

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Form</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }
        .login-container {
            background-color: #fff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 300px;
            text-align: center;
        }
        .login-container h2 {
            margin-bottom: 20px;
            color: #333;
        }
        .form-group {
            margin-bottom: 15px;
            text-align: left;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
            color: #555;
            font-weight: bold;
        }
        .form-group input[type="text"],
        .form-group input[type="password"] {
            width: calc(100% - 20px); /* Account for padding */
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
        }
        .form-group input[type="submit"] {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            transition: background-color 0.3s ease;
        }
        .form-group input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>

<div class="login-container">
        <h2>Login</h2>
        <form action="/login" method="post">
            <div class="form-group">
                <label for="username">Username or Email:</label>
                <input type="text" id="username" name="username" required>
            </div>
            <div class="form-group">
                <label for="password">Password:</label>
                <input type="password" id="password" name="password" required>
            </div>
            <div class="form-group">
                <input type="submit" value="Login">
            </div>
        </form>
    </div>

</body>
</html>

HTML लॉगिन फ़ॉर्म टेम्पलेट

अनुशंसित

HTML एनिमेटेड लॉगिन फ़ॉर्म उदाहरण

रफ़ल फ़्लैश गेम प्लेयर HTML टेम्पलेट

होटल बुकिंग पृष्ठ HTML - कमरे, सुविधाएँ, संपर्क

HTML

CSS

JS

अनुशंसित

HTML एनिमेटेड लॉगिन फ़ॉर्म उदाहरण

रफ़ल फ़्लैश गेम प्लेयर HTML टेम्पलेट

होटल बुकिंग पृष्ठ HTML - कमरे, सुविधाएँ, संपर्क

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS