Pulsa Tab para completar
E-Mail-Feld mit Domainvorschlag
Nach dem @ erscheint die wahrscheinlichste Domain in Grau, mit Tab oder Pfeil rechts wird sie übernommen.
Einstellungen
Code
<div class="uv-iem"><label for="uv-iem-in">E-Mail</label><div class="fd"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="3"/><path d="M4 7l8 6 8-6"/></svg><span class="wr"><span class="gh" aria-hidden="true"><span class="ty"></span><span class="sg"></span></span><input id="uv-iem-in" type="email" autocomplete="email" spellcheck="false" placeholder="nombre@correo.com" value="lucia@gm"></span><kbd>Tab</kbd></div><p class="ht">Tab drücken zum Vervollständigen</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
Tippfehler in der Domain sind einer der häufigsten Gründe, warum Bestätigungsmails nie ankommen. Dieses Feld beobachtet, was nach dem @ folgt, und zeigt die passende gängige Domain als Geistertext, exakt am Getippten ausgerichtet. Ein kleines Tab-Symbol dient als Hinweis, und Tab oder Pfeil rechts vervollständigen die Adresse.
Sieht die Adresse vollständig aus, wechselt die Kontur dezent zur Hauptfarbe. Passe die Domainliste im Skript an dein Publikum an, etwa mit regionalen Anbietern oder deiner Firmendomain.