form_formattato

<!DOCTYPE html>
<html>
<head>
    <title>Form elementare</title>
    <style>
        form {border-left: 4px red; font-family : handwriting,fantasy;}
        input {
            border: 1px dotted #999;
            width: 150px;
        }
        legend {background-color: yellow;}
        button, input, select, textarea {
            font-family : inherit;
            font-size   : 120%;
        }
    </style>
</head>
<body>
<form id='esempio' method='get' action='' >
    <fieldset>
        <legend>Dati essenziali</legend>
        <p>Nome: <input type='text' name='Nome' /></p>
        <p>Email: <input type='text' name='Email' /></p>
        <p>Password: <input type='password' name='Email'></p>
    </fieldset>
    <p> Paese </br>
        <select name="paese">
            <option value="I">Italia</option>
            <option value="E">Estero</option>
        </select><br></p>
    <p>Sesso<br>
        <input type="radio" name="sesso" value="M"> M<br>
        <input type="radio" name="sesso" value="F"> F<br>
        Hobby<br>
        <input type="checkbox" name="hobby" value="S"> Sport<br>
        <input type="checkbox" name="hobby" value="L"> Lettura<br>
        <input type="checkbox" name="hobby" value="C"> Cinema<br>
        <input type="checkbox" name="hobby" value="I"> Internet<br>
    </p>
    <p>Commento<br>
        <textarea name="commento" rows="5" cols="30"></textarea>
    </p> <p>
    <input type='submit' name='Submit' value='Invia!' />
    <input type='reset' name='Reset' value='Azzera' />
    <input type='button' name='NoAction' />
</p></form>
</body>
</html>