Corsi on-line

Contenuti editabili con HTML5

Come sto sottolineando in modo particolare negli ultimi articoli di questo blog dedicati ad HTML5, con questa nuova versione del markup per pagine Web sono disponibili nativamente features che un tempo erano possibili soltanto con l’intergrazione di JavaScript; in questo articolo parlerò dell’elemento “contenteditable” che consente appunto di rendere editabili i contenuti delimitati dal tag a cui è associato. Vediamo un semplice esempio:

<h1>La lista della spesa</h1>
<ul contenteditable="true">
 <li>Pane</li>
 <li>Pasta</li>
 <li>Verdura</li>
</ul>

Il codice presentato mostra un semplice elenco puntato in cui al tag “ul” è stato associato l’elemento “contenteditable” valorizzato come “true”, ciò renderà editabili le voci in lista; trovate un’interessante demo dell’utilizzo di tale elemento su questa pagina, tutte le versioni dei browser attualmente più utilizzate garantiscono il supporto per questa feature.

Post correlati
  • Anonimo

    scusa, ma che cosa può servire?

  • Claudio Garau

    Per esempio per le modifiche inline, ci sono CMS che mettono a disposizione la stessa funzionalità, ma tramite JS.

I più letti del mese
Tematiche