Attribut accept de l'élément <input> HTML

Balise HTML <input>

Définition et utilisation

accept La propriété définit un filtre pour le type de fichier que l'utilisateur peut sélectionner dans la boîte de dialogue d'entrée de fichier.

accept La propriété spécifie les types de fichiers qui peuvent être soumis via le téléchargement de fichiers.

Attention :accept La propriété ne peut être utilisée qu'avec <input type="file"> Utiliser ensemble.

Aide :Ne pas utiliser cette propriété comme outil de validation. La validation des fichiers téléchargés doit être effectuée sur le côté serveur.

Exemple

Définir le type de fichier que l'utilisateur peut sélectionner dans la boîte de dialogue d'entrée de fichier :

<form action="/action_page.php">
  <label for="img">Sélectionnez une image：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Essayer personnellement

Syntaxe

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

Aide :Pour spécifier plusieurs valeurs, séparez-les par des virgules (par exemple <input accept="audio/*,video/*,image/*" />.

Valeur de l'attribut

Valeur Description
file_extension Définir les extensions de fichiers que l'utilisateur peut choisir (par exemple : .gif, .jpg, .png, .doc)
audio/* L'utilisateur peut choisir tous les fichiers audio
video/* L'utilisateur peut choisir tous les fichiers vidéo
image/* L'utilisateur peut choisir tous les fichiers d'images
media_type

Type de média valide, sans paramètres.

Veuillez consulter le type de média IANA pour obtenir la liste complète des types de média standard.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

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

Balise HTML <input>