Comment définir automatiquement la zone de texte en majuscules ?

Question

J’utilise l’attribut style suivant pour définir l’entrée utilisateur en majuscules afin que lorsque l’utilisateur commence à taper dans la zone de texte par exemple , il doit être modifié en lettres majuscules comme sans que l’utilisateur ait à appuyer sur le bouton de verrouillage des majuscules.

Voici le code que j’utilise pour l’entrée :

Mais je n’obtiens pas la sortie souhaitée en utilisant cet attribut.

Answer 1

Vous avez placé l’attribut sur la balise, au lieu de .``

Ce n’est pas non plus une bonne idée d’avoir les espaces entre le nom de l’attribut et la valeur...

Veuillez noter que cette transformation est purement visuelle et ne modifie pas le texte envoyé dans POST.

Answer 2

Le problème avec la première réponse est que l’espace réservé sera également en majuscules. Si vous souhaitez que SEULE l’entrée soit en majuscules, utilisez la solution suivante.

Pour sélectionner uniquement l’élément d’entrée non vide, placez l’attribut requis sur l’élément :

Maintenant, pour le sélectionner, utilisez le `` pseudo-élément:

De cette façon, vous n’entrerez en majuscules que des caractères.