Page 114 - Guida tascabile HTML5

interruzioni saranno trasmesse al server insieme agli altri dati.

RIFERIMENTO Un’alternativa al tag <textarea>, interessante in alcuni contesti,

consiste nell’attributo contenteditable da specificare nei normali elementi della
pagina: per esempio un markup come il seguente renderà modificabile il contenuto
di un <div>:

<div contenteditable="true">
Fai clic su questo testo: puoi modificarlo!
</div>
Sarà sufficiente un clic per far apparire il cursore e iniziare a digitare. Inoltre, con
l’adeguato codice JavaScript sarà possibile arricchire l’input simulando le funzioni di
formattazione basilari di un editor testuale.

I menu a tendina per scelte obbligate e consigliate

Oltre ai radio button, già incontrati in questo capitolo, è possibile ricorrere ai

menu a tendina <select>, per fornire all’utente un elenco predefinito di opzioni tra

le quali scegliere: a seconda dei casi starà allo sviluppatore implementare il
controllo più adatto al tipo di input atteso.

NOTA Quando le opzioni sono numerose è solitamente consigliabile utilizzare un
menu <select> piuttosto che i radio button, per non rendere troppo caotica l’interfaccia.

Analizziamo un esempio base di markup per comprendere la sintassi
dell’elemento <select>:

<select name="regione">
<option value="abruzzo">Abruzzo</option>
<option value="basilicata">Basilicata</option>
...
...
<option value="valle-d-aosta">Valle D'Aosta</option>
<option value="veneto">Veneto</option>
</select>
La specifica prevede un tag <select> con, nidificati al suo interno, tanti tag

<option> quante sono le voci dell’elenco. Il testo visualizzato sarà quello contenuto

nel tag, mentre verrà trasmesso al server il corrispondente contenuto dell’attributo

value (per esempio regione="basilicata").