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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Usare le collection expression per inizializzare una lista di oggetti in C#
Utilizzare Tailwind CSS all'interno di React: installazione
Creare form tipizzati con Angular
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Implementare il throttling in ASP.NET Core
Evitare il flickering dei componenti nel prerender di Blazor 8
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Utilizzare Tailwind CSS all'interno di React: primi componenti
Disabilitare automaticamente un workflow di GitHub (parte 2)
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser