Scribd Logo
Upload

Welcome to Scribd!

  • Forma

    Uploaded by

    Maja Maja
    11 views3 pages
    forms

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    forms

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views3 pages

    Forma

    Uploaded by

    Maja Maja
    forms

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Signup Form</title>
    <style type="text/css">

    body{
    background-color: #323232;

    }
    .wrap{
    width: 350px;
    margin: auto;
    background-color: #00adee;
    margin-top: 50px;
    padding: 5px;
    }
    form{
    padding: 10px;
    font-family: arial;
    border:1px dotted white;
    padding-left: 2px;
    padding-right: 2px;

    }
    h2{
    text-align: center;
    background-color: orange;
    color: white;
    padding: 10px;
    border-radius: 10px;
    }
    .txt{
    border-bottom: 2px dotted white;
    padding:2px;
    margin-left: 0px;
    margin-right: 0px;
    }

    input{
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
    border:none;
    }
    input[type=text], input[type=email], input[type=number], input[type=password]{
    width: 90%;
    }
    input[type=submit]{
    width: 95%;
    background-color: orange;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: white;
    }
    input[type=submit]:hover{
    background-color: yellow;
    }
    select{
    padding: 10px;
    width: 32%;
    border-radius: 5px;
    }
    </style>
    </head>
    <body>
    <div class="wrap">
    <form>
    <h2>SignUp Free</h2>
    <div class="txt">
    <input type="text" name="yourname" placeholder="Your Name"></div>
    <div class="txt">
    <input type="email" name="email" placeholder="Your Email"></div>
    <div class="txt">
    <input type="number" name="number" placeholder="Your Mobile
    Number"></div>
    <div class="txt">
    <input type="password" name="yourpassword" placeholder="Your
    Password"></div>
    <div class="txt">
    <input type="password" name="confirmpassword"
    placeholder="Confirm Your Password"></div>
    <br>

    <span style="font-size:18px;">Date of Birth</span>


    <br>
    <select name="DoBmonth">
    <option>Month</option>
    <option value="january">January</option>
    <option value="february">February</option>
    <option value="march">March</option>
    <option value="april">April</option>
    <option value="may">May</option>
    <option value="june">June</option>
    <option value="july">July</option>
    <option value="august">August</option>
    <option value="september">September</option>
    <option value="october">October</option>
    <option value="november">November</option>
    <option value="december">December</option>

    </select>
    <select name="DoBday">
    <option>Month</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>

    </select>
    <select name="DoByear">
    <option>Year</option>
    <option value="2000">2000</option>
    <option value="1999">1999</option>
    <option value="1998">1998</option>
    <option value="1997">1997</option>
    </select>
    <br/><br/>
    <div class="txt">
    Select Your Gender:
    <input type="radio" name="male" value="male">Male
    <input type="radio" name="female" value"female">Female </div>
    <br/>
    <div class="txt">
    <input type="checkbox">I Agree To The Terms of Use</div>
    <br>
    <input type="submit" value="Submit Now">

    </form>

    </body>
    </html>

    You might also like