Salve a tutti volevo postare un form HTML5 che magari può essere utile a qualcuno, potete vedere la demo Qui .

codice:
 <fieldset>
 
<legend><span>Compila il nostro form</span></legend>
 
<form action="engine.php" method="post" name="contactform" id="contact">
 
    <label for="nome">Nome <span>(richiesto)</span></label><a name="nome"></a>
 
<input  tabindex="1" type="text" name="nome" id="nome" value="" placeholder="Scrivi il tuo nome" required/>
 
    <label for="cognome">Cognome</label><a name="cognome"></a>
 
<input  tabindex="2" type="text" name="cognome" id="cognome" value="" placeholder="Scrivi il tuo cognome"/>
 
    <label for="email">Email <span>(richiesto)</span></label><a name="email"></a>
 
<input  tabindex="3" type="email" name="email" id="email" value="" placeholder="Digita la tua Email" required/>
 
    <label for="oggetto">Oggetto <span>(richiesto)</span></label><a name="oggetto"></a>
 
<input  tabindex="4" type="oggetto" name="oggetto" id="oggetto" value="" placeholder="Oggetto della richiesta" required/>
 
        <label for="messaggio">Messaggio</label>
 
<textarea  tabindex="5" cols="50" rows="10" name="messaggio" id="messaggio" placeholder="La tua richiesta"></textarea>
 
        <input type="text" id="fred" name="fred" style="visibility: hidden;"/> 
 
<button  tabindex="7" type="submit" name="send" id="send"/>Invia</button>
 
</form>
 
</fieldset>
Ecco alcune precisazioni:

- Fieldset e’ una sorta di contenitore (nella demo e’ il bordino grigio), non e’ essenziale ma se volete potete anche lasciarlo ( a me non dispiace).

- Label indica l’etichetta dei campi ovvero Nome, Cognome etc con span ho indicato la scritta “richiesto” per poterla stilizzare poi in seguito nei CSS

- Tabindex e’ l’indice del nostro form, non e’ essenziale (a livello e uso base) ma vi consiglio di lasciarlo

- Placeholder e’ la scritta che appare dentro il form, una sorta di segnaposto, potete anche eliminarla se non vi aggrada, potete inserire informazioni utili alla compilazione corretta del vostro form.

- L’input “Fred” e’ il nostro sistema antispam.

Ecco i css:

codice:
form#contact  {font-family:arial;font-size:100%;color:#000;}
form#contact label  {float:left;display:block;margin:3px 0;clear:both;}
form#contact input  {color:#000;margin:0 0 7px 0;border:1px solid #d8d8d8;width:220px;float:right;-moz-border-radius:9px;-webkit-border-radius:9px;background: url('gradient_white.png') repeat-x top left #efefef;padding:3px 10px;}
 
form#contact select {color:#000;margin:0 0 7px 0;border:1px solid #d8d8d8;width:240px;float:right;-moz-border-radius:9px;-webkit-border-radius:9px;background: url('gradient_white.png') repeat-x top left #efefef;padding:3px 5px 3px 10px;}
form#contact option {display:block;color:#666;}
 
form#contact textarea {color:#666; float:right;font-size:110%;font-family:arial;height:80px;border:1px solid #d8d8d8;width:220px;-moz-border-radius:12px;-webkit-border-radius:12px;background: url('gradient_white.png') repeat-x top left #efefef;padding:2px 10px;margin-bottom:10px;}
#send {background: url('gradient_black.png') repeat-x top left #a80329; clear:both;-moz-border-radius:15px;-webkit-border-radius:15px;border:0;cursor:pointer;color:#fff;margin-top:15px;float:right;font-weight:bold;font-size:110%;padding:5px 15px;}
.faulty_field{background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
label span {color:#ff0000;font-size:85%; }
 
#main{ width:500px; height:400px; margin:0 auto; padding:0;}
Se vi serve una mano col php Qui trovate quello che serve per farlo funzionare, ciao!