خصائص accept لـ <input> في HTML

HTML <input> العلامة

التعريف والاستخدام

accept تحدد الخاصية مرشحًا للأنواع التي يمكن للمستخدم اختيارها من نافذة اختيار الملف.

accept تحدد الخاصية أنواع الملفات التي يمكن إرسالها عبر تحميل الملف.

ملاحظة:accept يمكن استخدام الخاصية فقط مع <input type="file"> استخدام معًا.

نصيحة:لا تستخدم هذه الخاصية كأداة التحقق. يجب التحقق من إرسال الملفات على مستوى الخادم.

مثال

يحدد هذا الملف أنواع الملفات التي يمكن للمستخدم اختيارها من نافذة اختيار الملف:

<form action="/action_page.php">
  <label for="img">الرجاء اختيار الصورة：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

جرب بنفسك

النحو

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

نصيحة:إذا كنت ترغب في تحديد عدة قيم، فاستخدم تفصيلات الفواصل العريضة لتقسيم هذه القيم (مثل <input accept="audio/*,video/*,image/*" />.

قيمة الخاصية

القيمة وصف
file_extension يحدد ملفات الإ扩展 التي يمكن للمستخدم اختيارها (مثل: .gif، .jpg، .png، .doc)
audio/* يمكن للمستخدم اختيار جميع ملفات الصوت
video/* يمكن للمستخدم اختيار جميع ملفات الفيديو
image/* يمكن للمستخدم اختيار جميع ملفات الصور
media_type

نوع الوسائط صالح، بدون معلمات.

يرجى الرجوع إلى نوع الوسائط IANA للحصول على قائمة كاملة بأنواع الوسائط المعاييرية.

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل أولاً.

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

HTML <input> العلامة