Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
:optional
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
Lapseudo-clase:optional deCSS representa cualquier elemento<input>,<select>, o<textarea> que no tenga el atributorequired establecido en él.
/* Selecciona cualquier opción <input> */input:optional { border: 1px dashed black;}Esta pseudo-clase es útil para diseñar campos que no son necesarios para enviar un formulario.
Nota:La pseudo-clase:required selecciona los campos de formulariorequeridos.
In this article
Sintaxis
Error: could not find syntax for this itemEjemplos
Ver:invalid para un ejemplo.
Problemas de accesibilidad
Si unformulario contiene<input>s opcionales, las entradas requeridas deben indicarse utilizando el atributorequired. Esto se asegurará de que las personas que navegan con la ayuda de la tecnología de asistencia, como un lector de pantalla, puedan comprender qué entradas necesitan contenido válido para garantizar el envío exitoso del formulario.
Las entradas requeridas también deben indicarse visualmente, utilizando un tratamiento que no dependa únicamente del color para transmitir el significado. Por lo general, se utilizan textos descriptivos y/o un icono.
Especificaciones
| Specification |
|---|
| HTML> # selector-optional> |
| Selectors Level 4> # optional-pseudo> |
Compatibilidad con navegadores
Ver también
- Otras pseudo-clases relacionadas con la validación:
:required,:invalid,:valid - Validación de datos de formulario