El IBAN está en la app de tu banco, en el apartado Cuentas.
HTML + CSSInfo-bulles

Icône d'aide qui se transforme

Le petit cercle point d'interrogation grandit et devient la bulle qui contient l'explication.

Réglages

16px
1x

Code

<div class="uv-thm"><label for="uv-thm-in">IBAN</label><span class="hp" tabindex="0" role="button" aria-label="Aide" aria-describedby="uv-thm-t"><span class="q" aria-hidden="true">?</span><span class="tx" id="uv-thm-t" role="tooltip">Ton IBAN se trouve dans l’appli de ta banque, rubrique Comptes.</span></span><input id="uv-thm-in" placeholder="ES00 0000 0000 0000 0000 0000"></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Plus dans Info-bulles

Voir tout : Info-bulles

Où l’utiliser

Les champs comme l'IBAN, le numéro fiscal ou le cryptogramme ont souvent besoin d'un indice que peu de gens lisent. Au lieu d'un popup séparé, le cercle au point d'interrogation s'étend lui-même : il grandit vers le haut et la droite avec un ressort doux, change de couleur, le point d'interrogation s'efface et le texte d'aide apparaît dans la même forme.

L'icône est focalisable avec un rôle de bouton et décrit le texte par aria-describedby. Change l'explication avec le champ de texte. Accorde les couleurs à l'accent du champ.