HTML <entrada> aceptar atributo
Ejemplo
Especifique qué tipos de archivos puede elegir el usuario en el cuadro de diálogo de entrada de archivos:
<form action="/action_page.php">
<label for="img">Select image:</label>
<input type="file" id="img"
name="img" accept="image/*">
<input type="submit">
</form>
Definición y uso
El accept
atributo especifica un filtro para los tipos de archivos que el usuario puede elegir en el cuadro de diálogo de entrada de archivos.
Nota: el accept
atributo solo se puede usar con
<input type="file">
.
Sugerencia: no utilice este atributo como herramienta de validación. Las cargas de archivos deben validarse en el servidor.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
Attribute | |||||
---|---|---|---|---|---|
accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
Sintaxis
<input accept="file_extension|audio/*|video/*|image/*|media_type">
Sugerencia: para especificar más de un valor, sepárelos con una coma (p. ej ., <input accept="audio/*,video/*,image/*" />
.
Valores de atributo
Value | Description |
---|---|
file_extension | Specify the file extension(s) (e.g: .gif, .jpg, .png, .doc) the user can pick from |
audio/* | The user can pick all sound files |
video/* | The user can pick all video files |
image/* | The user can pick all image files |
media_type | A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types |
❮ Etiqueta HTML <entrada>