Imposer majuscules sur le nom et première lettre en majuscule sur le prénom

Bonjour,

J'ai 2 champs : dans le formulaire (https://form.jotform.com/YGU/avFORMULAIRE-ELEVES-2024-2025)

NOM ( je souhaite n'avoir que des majuscules) EXEMPLE : GUILLERMIN

PRENOM (Je souhaite avoir la première lettre en majuscules EXEMPLE : Johnny

Dans l'aide je ne retrouve pas l'information en français

Cordialement

YGU

Bonjour YGU,

Merci de contacter l'assistance Jotform. Vous pouvez changer la casse des caractères d'un champ en injectant du code CSS. Pour ce faire, il faut connaître l'ID du champ concerné. Permettez-moi de vous montrer comment faire. 

1. Dans le Générateur de Formulaires, sélectionner le champ concerné et cliquez sur son engrenage.
2. Dans le panneau de droite, allez à l'onglet Avancés, et descendez.
3. A la section Détail du champ, cliquez sur la flèche descendante
4. Et notez son ID de champ.

Ensuite, il s'agit d'injecter le code CSS approprié dans le formulaire. Pour le nom en lettres capitales, le code est le suivant.

#input_44 {text-transform: uppercase;}

et, pour le prénom:

#input_46 {text-transform: capitalize;}

Pour injecter ce code,

1. Dans le Générateur de Formulaires,  cliquez sur le rouleau de peinture à droite.
2. Dans le panneau de droite, allez à l'onglet Styles, et descendez.
3. A la section Injecter du code CSS personnalisé, ajoutez le code défini ci-dessus à la suite du code déjà présent, et vous y êtes.

La casse est alors forcée comme attendue:

Vous pourriez aussi être intéressé par ce guide, Comment injecter du code CSS personnalisé. N'hésitez pas à revenir vers nous si vous avez encore besoin d'aide. 

Merci pour votre réponse, mais :

OK pour le NOM, cela fonctionne bien si je suis en majuscules ou minuscules, mais pour le PRENOM si je suis en Minuscules il met bien la première lettre en majuscule, mais si je reste au clavier en majuscules le prénom reste en majuscules

Hi YGU,

Our French Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, we can change a line of code to fix this easily. Let me show you how:

In Inject Custom CSS field, delete your old code in line 11 and inject this code clock in the line of input_46, line 11:

#input_46 { text-transform: capitalize !important; }

Give it a try and let us know how it goes.

Bonjour Cecilia

Cela ne fonctionne pas si je suis en majuscules sur mon clavier, le prénom reste en majuscules

Hi YGU,

I just checked your form and the code you added is correct. Are you entering a name in the Prenom field with caps lock on? The CSS code we added only capitalizes the first letter of each word in the element, regardless of whether the user types in lowercase or uppercase letters. It won't affect letters typed with caps lock on because it doesn't convert all input to lowercase before capitalizing.

Feel free to reach out again if you have any questions or if we can help you in any other way. 

Dans le champ PRENOM si je suis :

1. Le clavier est en verrouillage minuscules, le Prénom est bien de la Forme John( Good)
   
2. Le clavier est en verrouillage Majuscules, alors le Prénom est de la forme JOHN(Not Good)
   

Aucune influence du code CSS lorsque mon clavier est verrouillé en majuscules, avez vous une autre solution ?

Cordialement

Hi YGU,

En effet, lorsque les majuscules sont verrouillées sur le clavier, il s'agit de mettre d'abord tout le champ en minuscules, puis d'appliquer le paramètre 'capitalize' ensuite, ce à l'aide du code suivant:

#input_46 {

 text-transform: lowercase;

 display: inline-block;

}

#input_46::first-line {

 text-transform: capitalize;

}

lequel remplace la ligne de code précédemment mentionnée:

#input_46 { text-transform: capitalize !important; }

Faites un essai et dites-nous comment ça se passe. 

Merci, voici le résultats, c'est parfait

Cher YGU,

Merci de votre retour, heureux que cela fonctionne aussi avec vous. Notez que cela marche aussi pour les prénoms composés.

Permettez-moi de clore cette discussion, et n'hésitez pas à revenir vers nous si vous avez encore besoin d'aide.