web-dev-qa-db-fra.com

Étiquettes de formulaire d'inscription - ajoutez un astérisque

Existe-t-il un moyen simple d’ajouter un symbole obligatoire tel que '*' après le contenu textuel html <label> dans le formulaire d’enregistrement d’utilisateur par défaut?

J'aimerais que les étiquettes Nom d'utilisateur et Adresse électronique s'affichent: Nom d'utilisateur * et Adresse électronique *

J'ai essayé d'utiliser CSS, comme dans:

#registerform p label::after { content:" *"; color: red; }

Mais l'astérisque apparaît sous dans le champ de texte et non à côté du texte.

J'ai vérifié le Codex, mais je n'ai pas trouvé de filtre WP. Cela signifie-t-il que je dois créer un formulaire d'enregistrement entièrement personnalisé?

1
Pat Gilmour

Le * apparaît sous le champ parce que le champ est à l'intérieur de l'étiquette. Il ne semble pas y avoir de filtres utiles pour cela, mais vous pouvez utiliser l'un des points d'ancrage pour injecter du JS sur la page qui ajoute le *:

required = jQuery( "<span>*</span>" );
required.css("color", "red");
jQuery('label br').before( required );

Remarque: si vous utilisez une bibliothèque telle que jQuery dans mon exemple, vous devrez également la mettre en file d'attente - ce n'est pas par défaut sur la page de registre.

2
karpstrucking