HTML <input> accepteer Attribuut
Voorbeeld
Specificeer welke bestandstypen de gebruiker kan kiezen in het dialoogvenster voor bestandsinvoer:
<form action="/action_page.php">
<label for="img">Select image:</label>
<input type="file" id="img"
name="img" accept="image/*">
<input type="submit">
</form>
Definitie en gebruik
Het acceptattribuut specificeert een filter voor welke bestandstypes de gebruiker kan kiezen in het bestandsinvoerdialoogvenster.
Opmerking: het acceptattribuut kan alleen worden gebruikt met
<input type="file">.
Tip: Gebruik dit kenmerk niet als validatietool. Bestandsuploads moeten worden gevalideerd op de server.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
| Attribute | |||||
|---|---|---|---|---|---|
| accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
Syntaxis
<input accept="file_extension|audio/*|video/*|image/*|media_type">
Tip: Als u meer dan één waarde wilt opgeven, scheidt u de waarden met een komma (bijv <input accept="audio/*,video/*,image/*" />.
Attribuutwaarden
| 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 |
❮ HTML <input>-tag