HTML <input> accept özelliği

HTML <input> etiketi

Tanım ve Kullanım

accept Özellik, kullanıcıların dosya giriş penceresinden seçebileceği dosya türlerini belirleyen bir filtre sağlar.

accept Bu özellik, dosya yüklemesi yoluyla sunulan dosya türlerini belirler.

Dikkat:accept Özellikler sadece <input type="file"> Birlikte kullanın.

İpucu:Bu özelliği doğrulama aracı olarak kullanmayın. Dosya yüklemesi sunucu segmentinde doğrulanmalıdır.

Örnek

Kullanıcıların dosya giriş penceresinden seçebileceği dosya türlerini belirler:

<form action="/action_page.php">
  <label for="img">Lütfen resmi seçin：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Kişisel olarak deneyin

Sözdizimi

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

İpucu:Birden fazla değer belirlemek için virgülle ayrılmış bu değerleri kullanın (örneğin <input accept="audio/*,video/*,image/*" />.

Özellik değeri

Değer Açıklama
file_extension Kullanıcıya seçilebilecek dosya uzantılarını belirtin (örneğin: .gif, .jpg, .png, .doc)
audio/* Kullanıcı, tüm ses dosyalarını seçebilir
video/* Kullanıcı, tüm video dosyalarını seçebilir
image/* Kullanıcı, tüm resim dosyalarını seçebilir
media_type

Geçerli medya türleri, parametreler içermez.

Standart medya türlerinin tam listesini almak için IANA Medya Türlerini kontrol edin.

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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

HTML <input> etiketi