Te enviaremos un código por SMS
Telefonfeld mit Ländervorwahl
Eine Länderauswahl mit Flagge und Vorwahl direkt an der Nummer, die in Dreiergruppen formatiert wird.
Einstellungen
Code
<div class="uv-iph"><label for="uv-iph-in">Telefon</label><div class="fd"><span class="cc"><span class="fl" aria-hidden="true">🇪🇸</span><select aria-label="Vorwahl"><option value="+34" data-f="🇪🇸" selected>Spanien +34</option><option value="+52" data-f="🇲🇽">Mexiko +52</option><option value="+54" data-f="🇦🇷">Argentinien +54</option><option value="+44" data-f="🇬🇧">Vereinigtes Königreich +44</option><option value="+49" data-f="🇩🇪">Deutschland +49</option><option value="+33" data-f="🇫🇷">Frankreich +33</option></select><b>+34</b><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 10l5 5 5-5"/></svg></span><input id="uv-iph-in" type="tel" inputmode="tel" autocomplete="tel-national" placeholder="612 345 678"></div><p class="ht">Wir schicken dir einen Code per SMS</p></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 Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Internationale Registrierungen brauchen die Vorwahl direkt neben der Nummer, nicht in einem extra Schritt. Hier liegt ein natives Select unsichtbar über Flagge und Vorwahl, am Handy öffnet ein Tipp also die System-Auswahl. Nach der Wahl springt die neue Flagge herein und der Fokus wandert zur Nummer, die beim Tippen in Dreiergruppen formatiert wird.
Da das Select nativ ist, ist es auf jedem Gerät zugänglich und schnell. Ergänze oder entferne Länder in der Optionsliste und erkläre im Hinweis darunter, wofür du die Nummer brauchst.