HTML and CSS Reference
In-Depth Information
L'uso ottimale di questo tag è in unione con JavaScript, dove il valore è cambiato dinami-
camente.
Una menzione la meritano anche i seguenti nuovi tag:
meter
: simile a
progress
ma utilizzabile per inserire misurazioni, come per
esempio l'uso dell'hard disk, la votazione di un articolo ecc;
keygen
: consente di inserire un campo che genera una chiave pubblica, salvata sul
client, e una privata, inviata al server.
Eventuali approfondimenti su questi tag sono comunque disponibili nella documentazione
Quante volte vi siete trovati nella situazione in cui avreste dovuto mostrare un valore
all'interno di un campo, per poi nasconderlo al click dell'utente per far digitare l'effettivo
valore? Questo task, seppur non complesso, richiede un po' di codice JavaScript, necessa-
rio a intercettare il focus sull'elemento e la relativa perdita, per controllare se un testo è
stato inserito oppure no.
HTML5 introduce un nuovo attributo, chiamato
placeholder
, che consente di spe-
cificare facilmente un segnaposto, come
nell'esempio 3.9
.
Esempio 3.9
<p><label>La tua e-mail:
<input type="email"
placeholder="daniele@aspitalia.com"
/>
</label></p>
Questo markup produrrà un effetto come quello mostrato nella
figura 3.9
,
senza necessità
di aggiungere JavaScript.
Figura 3.9
- L'attributo placeholder può fornire un aiuto all'utente nel compilare corretta-
mente il contenuto della form.
