Pulsa Tab para completar
Email input with domain suggestion
After the @ the most likely domain appears in grey, and Tab or the right arrow accepts it.
Settings
Code
<div class="uv-iem"><label for="uv-iem-in">Email</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">Press Tab to complete</p></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Inputs
See all InputsWhere to use it
Typos in email domains are one of the most common reasons sign-up confirmations never arrive. This field watches what follows the @ and shows the matching common domain as ghost text, exactly aligned with what you typed. A small Tab key badge appears as a hint, and pressing Tab or the right arrow completes the address.
Once the address looks complete, the outline turns to the main color as quiet confirmation. Edit the domain list in the script to match your audience, for example adding regional providers or your company domain.