Scribd Logo
Upload

Welcome to Scribd!

  • 9 views

    HTML Signup

    Uploaded by

    gigone4179

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    HTML Signup

    Uploaded by

    gigone4179
    9 views7 pages

    Original Title

    HTML signUp

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    9 views7 pages

    HTML Signup

    Uploaded by

    gigone4179

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 7

    <!

    DOCTYPE html>
    <html>
    <style>
    body {font-family: Arial, Helvetica,
    sans-serif;}
    * {box-sizing: border-box}

    input[type=text], input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: #f1f1f1;
    }

    input[type=text]:focus,
    input[type=password]:focus {
    background-color: #ddd;
    outline: none;
    }
    hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
    }

    button {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    }

    button:hover {
    opacity:1;
    }
    .cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
    }

    .cancelbtn, .signupbtn {
    float: left;
    width: 50%;
    }

    .container {
    padding: 16px;
    }

    .clearfix::after {
    content: "";
    clear: both;
    display: table;
    }
    @media screen and (max-width: 300px) {
    .cancelbtn, .signupbtn {
    width: 100%;
    }
    }
    </style>
    <body>

    <form action="/action_page.php"
    style="border:1px solid #ccc">
    <div class="container">
    <h1>Sign Up</h1>
    <p>Please fill in this form to create
    an account.</p>
    <hr>

    <label
    for="UserName"><b>UserName</b></label>
    <input type="text"
    placeholder="UserName" name="user"
    required>
    <label
    for="Gender"><b>Gender</b></label>
    <input type="radio"value=male
    name="class"required>Male
    <input type="radio"value=Female
    name="class"required>Female
    <br>
    <br>

    <label
    for="email"><b>Email</b></label>
    <input type="text" placeholder="Enter
    Email" name="email" required>

    <label
    for="psw"><b>Password</b></label>
    <input type="password"
    placeholder="Enter Password" name="psw"
    required>
    <label for="psw-repeat"><b>Repeat
    Password</b></label>
    <input type="password"
    placeholder="Repeat Password"
    name="psw-repeat" required>

    <label>
    <input type="checkbox"
    checked="checked" name="remember"
    style="margin-bottom:15px"> Remember me
    </label>

    <p>By creating an account you agree


    to our <a href="#"
    style="color:dodgerblue">Terms &
    Privacy</a>.</p>

    <div class="clearfix">
    <button type="button"
    class="cancelbtn">Cancel</button>
    <button type="submit"
    class="signupbtn">Sign Up</button>
    </div>
    </div>
    </form>

    </body>
    </html>

    Output:

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy