El IBAN está en la app de tu banco, en el apartado Cuentas.
HTML + CSSTooltips
Hilfe-Symbol, das sich verwandelt
Der kleine Fragezeichen-Kreis wächst und wird selbst zur Sprechblase mit der Erklärung.
Einstellungen
16px
1x
Code
<div class="uv-thm"><label for="uv-thm-in">IBAN</label><span class="hp" tabindex="0" role="button" aria-label="Hilfe" aria-describedby="uv-thm-t"><span class="q" aria-hidden="true">?</span><span class="tx" id="uv-thm-t" role="tooltip">Die IBAN findest du in der App deiner Bank unter Konten.</span></span><input id="uv-thm-in" placeholder="ES00 0000 0000 0000 0000 0000"></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Tooltips
Alle ansehen: TooltipsWofür du ihn nutzen kannst
Felder wie IBAN, Steuernummer oder Prüfnummer brauchen oft einen Hinweis, den kaum jemand liest. Statt eines separaten Popups dehnt sich der Fragezeichen-Kreis selbst aus: Er wächst mit weicher Federung nach oben und rechts, wechselt die Farbe, das Fragezeichen verblasst und der Hilfetext erscheint in derselben Form.
Das Symbol ist fokussierbar, hat die Rolle button und ist per aria-describedby mit dem Text verbunden. Ändere die Erklärung im Textfeld und passe die Farben an.