Saltar al contenido

¿Cuál es la mejor manera de resaltar un campo obligatorio en un formulario web?

Solución:

En términos generales, los mejores formularios web son los más simples que me obligan a pensar lo mínimo. El “estándar” que ha evolucionado es que los campos obligatorios tienen un asterisco

junto a ellos. A veces, el asterisco es rojo para que se destaque un poco.

¿Por qué luchar contra el estándar? No hagas pensar demasiado a tus usuarios. Vaya con el estándar y mantenga su creatividad para cosas más importantes.

Si va a utilizar el color para resaltar el campo, tenga en cuenta que algunas personas son daltónicas (por lo que tal vez proporcione otro indicador también) .mandatorySi utiliza hojas de estilo para formatear su HTML, puede crear un estilo para

. Como ejemplo, establezca la entrada obligatoria para usar este estilo, luego podrá jugar con él más fácilmente hasta que tenga la combinación correcta de color, borde y otros elementos de estilo para adaptarse a su diseño general.

<input id="username" type="text" class="mandatory" />

HTML

.mandatory {
    color: red;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
}

CSS

También utilizo el asterisco como el OP mencionado como una “copia de seguridad”.

-R

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *