Properti <input> accept HTML

Tag HTML <input>

Definisi dan penggunaan

accept Properti ini menentukan pengecualian jenis berkas yang dapat dipilih pengguna melalui dialog masukan berkas.

accept Properti ini menentukan jenis berkas yang dapat disubmit melalui unggah berkas.

Perhatian：accept Properti hanya dapat digunakan dengan <input type="file"> Gunakan bersama-sama.

Petunjuk:Jangan gunakan properti ini sebagai alat verifikasi. Verifikasi unggah berkas harus dilakukan di bagian server.

Contoh

Tentukan jenis berkas yang dapat dipilih pengguna melalui dialog masukan berkas:

<form action="/action_page.php">
  <label for="img">Silahkan pilih gambar：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Coba sendiri

Syarat

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

Petunjuk:Untuk menentukan beberapa nilai, gunakan tanda koma untuk memisahkan nilai tersebut (contoh <input accept="audio/*,video/*,image/*" />.

Nilai atribut

Nilai Deskripsi
file_extension Tentukan ekstensi berkas yang dapat dipilih pengguna (contoh: .gif, .jpg, .png, .doc)
audio/* Pengguna dapat memilih semua berkas suara
video/* Pengguna dapat memilih semua berkas video
image/* Pengguna dapat memilih semua berkas gambar
media_type

Tipe media yang berlaku, tanpa parameter.

Silakan lihat tipe media IANA untuk daftar lengkap tipe media standar.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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

Tag HTML <input>