Índice de páginas
Carga de archivos
Permite abrir el explorador de archivos para cargar un fichero en el formulario.
Índice de apartados de esta página
Anatomía #
- Etiqueta: Indica la información del archivo a cargar, siempre tiene que estar. En caso de que se quiera ocultar deberá tener la clase sr-only, para que sea legible por los lectores de pantalla.
- Pista: Es opcional y es una descripción del dato a introducir.
- Error: En caso de que el campo requiera validación o sea obligatorio, puede aparecer un error indicando el problema con la carga del archivo.
- Botón: Con la etiqueta "Elegir archivo", ejecuta el explorador para que el usuario pueda seleccionar el archivo que quiere cargar. A la derecha se muestra el nombre del documento cuando se carga o, en su caso, un mensaje por defecto indicando que aún no se ha seleccionado ninguno.
Accesibilidad #
Cómo funciona #
Elemento <input>
con type=file
. Tiene un id
único al que llama el elemento <label>
.
Más información sobre los inputs en el apartado accesibilidad de formularios.
Qué usar | Dónde | Función |
---|---|---|
id |
Parámetro Nunjucks dentro del componente | Permite las llamadas entre <label> , hint, error y el <input> . |
accept |
Parámetro Nunjucks dentro del parámetro attributes |
Indica el tipo de archivos que puede cargar la persona. Más información |