HTML <input> accepter l' attribut

❮ Balise HTML <input>

Exemple

Spécifiez les types de fichiers que l'utilisateur peut sélectionner dans la boîte de dialogue de saisie de fichier :

<form action="/action_page.php">
  <label for="img">Select image:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Définition et utilisation

L' acceptattribut spécifie un filtre pour les types de fichiers que l'utilisateur peut choisir dans la boîte de dialogue d'entrée de fichier.

Remarque : L' acceptattribut ne peut être utilisé qu'avec <input type="file">.

Astuce : N'utilisez pas cet attribut comme outil de validation. Les téléchargements de fichiers doivent être validés sur le serveur.


Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.

Attribute
accept 26.0 10.0 37.0 11.1 15.0

Syntaxe

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

Conseil : Pour spécifier plusieurs valeurs, séparez les valeurs par une virgule (par exemple <input accept="audio/*,video/*,image/*" />, .

Valeurs d'attribut

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

❮ Balise HTML <input>