HTML <entrada> aceptar atributo

❮ Etiqueta HTML <entrada>

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 acceptatributo 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 acceptatributo 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>