Comment désactiver la vérification d'orthographe des champs de saisie et des zones de texte dans les formulaires HTML ?

Par : TutorialsGrey, le 19 Novembre 2022

Problème

Désactiver la vérification d'orthographe des champs de saisie et des zones de texte dans les formulaires HTML.

 

Solution

Habituellement, lorsque vous saisissez des mots grammaticalement incorrects dans les balises <input> ou <textarea> d'un formulaire HTML, vous verrez un soulignement rouge sous les mots incorrects.

C'est le comportement par défaut de Chrome et de Firefox. Toutefois, si vous utilisez les champs de saisie ou les zones de texte pour modifier le code ou d'autres données non textuelles, le vérificateur d'orthographe ne serait pas approprié. Dans de telles situations, vous pouvez désactiver cette vérification orthographique dans les formulaires HTML en définissant l'attribut de vérification orthographique - spellcheck - sur false, comme spellcheck="false". Voici un exemple :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Désactiver la vérification d'orthographe</title>
</head>
<body>
    <form>
        <p>
            <input type="text" spellcheck="false">
        </p>
        <p>
            <textarea spellcheck="false"></textarea>
        </p>
        <button type="reset">Effacer</button>
    </form>
</body>
</html>

Conseil : Pour désactiver la vérification d'orthographe dans l'ensemble du formulaire en une seule fois, il suffit de définir l'attribut spellcheck="false" dans la balise <form>, comme ceci <form spellcheck="false">.