Controllo ortografico in una pagina web con HTML5

di Matteo Casati,

L'attributo spellcheck consente di attivare o disattivare il controllo ortografico per il testo immesso dall'utente nei campi testuali di un form o durante la modifica del contenuto di un elemento della pagina (come visto nello script precedente).

A differenza di altri attributi di tipo booleano il cui valore è desunto dalla presenza o meno dell'attributo stesso, spellcheck richiede che venga sempre esplicitato un valore "true" (il controllo ortografico è abilitato) o "false" (controllo ortografico disabilitato).

Nell'esempio seguente il controllo ortografico è abilitato per il primo paragrafo di testo modificabile e per la casella di testo ma disabilitato per il secondo paragrago e per la textarea:

<!doctype html>
<html>
  <head>
    <title>HTML5Italia.com</title>    
  </head>
  <body>
    <p contenteditable>Lorem ipsum...</p>
    <p contenteditable spellcheck="false">Lorem ipsum...</p>
    <form action="#" method="get">
      <input type="text" spellcheck="true" value="valore dell'input text">
      <textarea spellcheck="false">contenuto della textarea</textarea>
    </form>
  </body>
</html>

Il controllo ortografico potrebbe essere implementato in modi diversi dai singoli browser (ad esempio automaticamente durante la digitazione o a richiesta dell'utente attraverso il menu contestuale).
Un altro aspetto importante da considerare è che tipicamente i browser utilizzano le impostazioni di sistema per determinare la lingua da utilizzare anziché la lingua definita per il documento o per il singolo elemento (impostata mediante l'attributo lang).

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi