Forcer la saisie en majuscule dans une input avec JavaScript

Parfois, nous devons forcer la saisie du texte en majuscule dans un champ de texte, pour que l’utilisateur ne puisse y ajouter que les majuscules. Avec JavaScript, vous pouvez convertir automatiquement la valeur d’une input lors du frappe. Non seulement avec JavaScript, nous allons découvrir trois manières différentes de transformer les données d’un champs de texte en majuscules lors du frappe.
 
 

Méthode 1: Avec JavaScript

<input type="text"  onkeyup="this.value=this.value.toUpperCase()"/>

Résultat

 

Méthode 2: Avec CSS

<input style="text-transform: uppercase" type="text" />

 

Méthode 3: Avec JQuery

$(document).ready(function(){
    $('#myId').keyup(function(){
        $(this).val($(this).val().toUpperCase());
    });
});