Pulsa Tab para completar
Email con dominio sugerido
Tras la arroba aparece en gris el dominio más probable y con Tab o la flecha derecha se acepta.
Ajustes
Código
<div class="uv-iem"><label for="uv-iem-in">Correo electrónico</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">Pulsa Tab para completar</p></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Ver todos: InputsDónde usarlo
Las erratas en el dominio del correo son una de las razones más comunes por las que el email de confirmación nunca llega. Este campo mira lo que va tras la arroba y muestra el dominio habitual que encaja como texto fantasma, alineado justo con lo escrito. Aparece una pequeña tecla Tab como pista y al pulsar Tab o la flecha derecha se completa la dirección.
Cuando la dirección parece completa, el contorno pasa al color principal como confirmación discreta. Edita la lista de dominios del script para tu público, por ejemplo con proveedores locales o el dominio de tu empresa.