Pulsa Tab para completar
E-mail avec domaine suggéré
Après l'arobase, le domaine le plus probable s'affiche en gris, et Tab ou la flèche droite l'accepte.
Réglages
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">Appuie sur Tab pour compléter</p></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 Champs
Voir tout : ChampsOù l’utiliser
Les fautes de frappe dans le domaine sont l'une des raisons les plus fréquentes pour lesquelles un e-mail de confirmation n'arrive jamais. Ce champ regarde ce qui suit l'arobase et affiche le domaine courant correspondant en texte fantôme, parfaitement aligné sur la saisie. Une petite touche Tab sert d'indice, et Tab ou la flèche droite complète l'adresse.
Quand l'adresse semble complète, le contour passe discrètement à la couleur principale. Modifie la liste des domaines dans le script selon ton public, par exemple avec des fournisseurs locaux.