Atributo accept en HTML <input>

Etiqueta HTML <input>

Definición y uso

accept Esta propiedad establece un filtro para los tipos de archivos que el usuario puede seleccionar en el cuadro de diálogo de entrada de archivos.

accept Esta propiedad especifica los tipos de archivos que pueden ser enviados mediante la carga de archivos.

Atención：accept Esta propiedad solo puede usarse con <input type="file"> Usar juntos.

Consejo:No utilice esta propiedad como herramienta de validación. La validación de la carga de archivos debe realizarse en el lado del servidor.

Ejemplo

Se establece el tipo de archivo que el usuario puede seleccionar en el cuadro de diálogo de entrada de archivo:

<form action="/action_page.php">
  <label for="img">Por favor, seleccione una imagen：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Pruebe usted mismo

Sintaxis

<input accept="file_extension|audio/*|video/*|image/*|media_type">

Consejo:Si desea especificar varios valores, separe estos valores con comas (por ejemplo <input accept="audio/*,video/*,image/*" />.

Valor del atributo

Valor Descripción
file_extension Se especifica la extensión de archivo que puede seleccionar el usuario (por ejemplo: .gif, .jpg, .png, .doc)
audio/* El usuario puede seleccionar todos los archivos de sonido
video/* El usuario puede seleccionar todos los archivos de video
image/* El usuario puede seleccionar todos los archivos de imágenes
media_type

Tipos de medios válidos, sin parámetros.

Consulte los tipos de medios IANA para obtener una lista completa de los tipos de medios estándar.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 37.0 11.1 15.0

Etiqueta HTML <input>