Advanced HTML HTML 5 – Progettare un Form (2).


Nella preceente puntata di “Progettare un form”, abbiamo visto un form molto basilare, sul quale andremo ad aggiungere le caratteristiche innovative dell’HTML 5.

Tipi di campi.

Nella nuova versione dell’HTML, sono stati introdotti alcuni tipi di campo di nuova concezione: per esempio il campo di imput type=”email” oppure il campo type=”date” che agevola nell’inserimento delle date.
Questi tipi di campi però, potrebbero avere visibilità diverse a second a del browser utilizzato.

<label for="name">email : </label><br />
<input type="email" size=30 name="name" id="email" plac.
eholder="Scrivi il tuo nome"><br /> 

<label for="name">Name : </label><br />
<input type="text" size=30 name="name" id="name" placeholder="Scrivi il tuo nome"><br /> 

Tracce invisibili.

Per aiutare l’utente nell’inserimento corretto delle informazioni, si può far apparire in ogni campo di testo, una voce guida.
Aggiungiamo al nostro tag “input” la proprieta “placeholder=” indicando il valore guida da utilizzare.

<label for="name">Name : </label><br />
<input type="text" size=30 name="name" id="name" placeholder="Scrivi il tuo nome"><br /> 

HTML – Progettare un form (2)

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *