1. Accueil
  2. Base de connaissances
  3. Conseils, astuces et personnalisations
  4. Conseils et astuces
  5. Ajouter un texte de remplacement aux champs de formulaires personnalisés

Ajouter un texte de remplacement aux champs de formulaires personnalisés

Le texte de remplacement est le texte qui apparaît dans un champ avant que l'utilisateur ne saisisse des données. En général, ce texte donne un exemple de ce que l'utilisateur pourrait saisir dans le champ, ou permet à l'utilisateur de savoir ce que le champ est censé contenir. Par exemple, pour le champ Email, vous pouvez mettre le mot "Email", ou un exemple d'adresse électronique.

MemberMouse changed how placeholders worked in version 3.0.18, so both methods are explained below.

Versions 3.1.18 and above

To add a placeholder to short or long text, or to mark the initial entry of a dropdown, a placeholder can be added in this fashion:

[MM_Form_Field type='custom' id='3' isRequired='false' placeholder='Please enter your Untitled 1' class='']

Replace the ID with the appropriate ID to add the desired placeholder.

Versions 3.1.17 and below

Étant donné que le 'customAttributes=placeholder‘ approach will not work for custom field types on these versions, if you want to add placeholder text to those custom fields on your form you can include the following code in checkout page content.

Dans l'exemple ci-dessous, nous avons utilisé des champs personnalisés avec l'ID 1 et l'ID 2. Pour que cela fonctionne, vous devez remplacer le "1" et le "2" ci-dessous par l'ID correct de votre champ personnalisé :

<script>
jQuery(function() {
jQuery('#mm_custom_field_1').attr('placeholder', 'PLACEHOLDERHERE');
jQuery('#mm_custom_field_2').attr('placeholder', 'PLACEHOLDERHERE');
});
</script>

NoteL'éditeur par défaut de WordPress limite l'utilisation de la balise . Vous devrez utiliser la méthode de votre choix pour insérer le code ci-dessus dans votre contenu. Scripts et styles est un exemple de plugin tiers qui vous permettra d'ajouter le code ci-dessus à une page ou à un article.

Cet article a-t-il été utile ?

Articles connexes

Vous ne trouvez pas la réponse que vous cherchez ?

Contactez notre équipe chargée de la réussite des clients
Contactez nous !