HTML <input> terima Atribut
Contoh
Tentukan jenis file apa yang dapat dipilih pengguna dari kotak dialog input file:
<form action="/action_page.php">
<label for="img">Select image:</label>
<input type="file" id="img"
name="img" accept="image/*">
<input type="submit">
</form>
Definisi dan Penggunaan
Atribut acceptmenentukan filter untuk jenis file apa yang dapat dipilih pengguna dari kotak dialog input file.
Catatan: Atribut accepthanya dapat digunakan dengan
<input type="file">.
Tip: Jangan gunakan atribut ini sebagai alat validasi. Unggahan file harus divalidasi di server.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.
| Attribute | |||||
|---|---|---|---|---|---|
| accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
Sintaksis
<input accept="file_extension|audio/*|video/*|image/*|media_type">
Tip: Untuk menentukan lebih dari satu nilai, pisahkan nilai dengan koma (mis <input accept="audio/*,video/*,image/*" />.
Nilai Atribut
| 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 |
tag <input> HTML