Scribd Logo
Carica

Benvenuto in Scribd!

  • Part 3

    Caricato da

    ShubhamChaudhari
    2 visualizzazioni3 pagine
    html code

    Titolo originale

    part3

    Copyright

    © © All Rights Reserved

    Formati disponibili

    TXT, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    html code

    Copyright:

    © All Rights Reserved
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    2 visualizzazioni3 pagine

    Part 3

    Caricato da

    ShubhamChaudhari
    html code

    Copyright:

    © All Rights Reserved
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <tittle>Dating Site</title>
    <style>

    fieldset {
    background: lightyellow;
    border:10px solid yellow;
    margin-bottom: 10px;
    width: 720px;
    }
    label {
    label:hover { font-size:40px }
    width: 180px;
    display: inline-block;
    text-align: right;
    vertical-align: text-top;
    }
    .radiocheckbox {width:auto}

    .textarea {width:360px;height:50px}

    #maroon {background:Maroon;text-align="10px"}
    .label-input-range {
    display: inline-block;
    width: 80px;
    text-align: center;
    color: red;
    }
    </style>
    </head>

    <body>
    <h1><b>Please Enter Your Details For Our Dating Website!</b></h1>

    <form action="https://ihome.ust.hk/~rossiter/cgi-bin/show_everything.php"
    method="Post">

    <fieldset>
    <legend>Your Face</legend>
    <label for="avatar">Your Image:</label>
    <input type="file" id="avatar" name="avatar" required></br>
    <label>Image Preview:</label>

    </fieldset>

    <fieldset>
    <legend>Your General Details</legend>
    <label for="Name">Name:</label>
    <textarea rows="1" cols="20" name="Name" id="name"
    placeholder="Your full name" required></textarea></br>
    <label class="radiocheckbox" for="Gender"
    >Gender:</label>

    <input type="radio" name="Gender" id="Male"


    required>Male</input>
    <input type="radio" name="Gender" id="Female"
    required>Female</br>

    <label for="Age">Age:</label>
    <input type="Number" min="0" max="99" step="1"
    Value="18" name="Age" id="Age" required></br>

    <label for="Birthdate">Date of birth:</label>


    <input type="Date" Name="Date" id="birthdate"></br>

    <label for="color">Favorite color:</label>


    <input type="color" Name="color" id="Color"></br>

    <label>Which country:</label>
    <select for="Country">
    <option
    value="Afghanistan">Afghanistan</option>
    <option value="India">India</option>
    <option value="Lebanon"
    selected>Lebanon</option>
    <option value="Mexico">Mexico</option>
    <option value="Hongkong">Mexico</option>
    <option value="Zimbabwe">Zimbabwe</option>
    </select>

    </fieldset>

    <fieldset>
    <legend>You Indicators</legend>
    <label for="height">Height:</label>
    <span class="label-input-range">Short</span>
    <input type="range" id="height" name="height" min="0"
    max="100">
    <span class="label-input-range">Tall</span>
    <br>
    <label for="salary">Salary:</label>
    <span class="label-input-range">Poor</span>
    <input type="range" id="salary" name="salary" min="0"
    max="100">
    <span class="label-input-range">Rich</span>
    </fieldset>

    <fieldset>
    <legend>Your Contact Information</legend>
    <label>Email:</label>
    <input type="Email" name="Email" placeholder="Email"></br>
    <label>Mobile:</label>
    <input type="tel" name="Mobile" placeholder="Mobile"></br>
    <label>Address:</label>
    <textarea class="textarea" rows="2" cols="20" name="Address"
    id="Address"></textarea></br>

    <label class="radiocheckbox">Method to contact you:</label>


    <input type="checkbox" name="Contact" id="Email">Email</input>
    <input type="checkbox" name="Contact"
    id="Whatsapp">Whatsapp</input>
    <input type="checkbox" name="Contact" id="In-app chat">In-app
    chat</input>
    </fieldset>

    <input type="submit" value="Submit">


    </form>

    </body>

    </html>

    Potrebbero piacerti anche