Etiqueta que sube a la esquina

Las etiquetas flotantes ahorran espacio en formularios donde cada píxel cuenta: el campo de correo de un login, el paso de dirección de un checkout en el móvil o un formulario de contacto corto. La etiqueta nunca desaparece, solo se aparta. Un input con label flotante en HTML y CSS, con un anillo de foco suave.

Usa etiquetas cortas, de una o dos palabras, porque al flotar se hacen más pequeñas. Para indicaciones largas, como las normas de una contraseña, añade una línea de ayuda bajo el campo.