[Résolu] Formidable : champ monétaire ?

Général
1

Bonjour
Il est probable qu’une réponse se trouve déjà quelque part…
Dans un formulaire, j’ai un champ destiné à recevoir un nombre pour lequel je voudrais que le symbole monétaire « € » apparaisse après la saisie.

Ça doit être possible… facilement… non ?

Merci.

2

Et hbeh non. La réponse est nom. Ca n’existe pas encore. J’avais un projet de saisies « nombre » qui permette de gérer du monétaire et autre. Mais la librairire sur laquelle je m’appuyait était bugué. C’est donc un dossier mort depuis 4 ans.

A la rigueur tu peux créer ta propre saisie si tu veux vraiment avoir cela, en te limitant aux euros. Il y a un article très long sur contrib sur comment créer ses saisies.

pour ma part je me contente d’écrire dans le champ « explication » de la saisie que ce sont des euros.

3

OK. J’avais essayé d’ajouter une classe CSS « :after » sur l’input concerné, sans réussite.

4

:after n’est pas une class mais un pseudo-element.

5

et donc cela ne pouvait pas marcher d’ajouter cela comme « class ».

6

Mon explication était trop courte :
Dans le input en question, j’avais ajouté une class nommée « euro ».
Dans mon fichier perso.css, définition :
.euro::after {content: " €";}
Mais sans résultats…

7

Bonjour,
Input ne peut pas avoir de :after et :before.

Si le besoin est uniquement d’afficher graphiquement un symbole € dans cet input, et pas d’ajouter le symbole à la valeur qui sera enregistrée en BDD, il y a une solution avec background-image :

#champ_input_1 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='1em' width='1em'><text y='1em'>€</text></svg>");
  background-repeat: no-repeat;
  background-position: right .25em;
  padding-right: 1.25em;
  text-align: right;
}

CSS à ajuster si besoin.

8

Oui, j’avais vu ce matin que :

La solution du « background-image » me convient bien.
Merci !