: عنصر DATALIST

آخر تحديث: 2026-09-12

<datalist>عنصر DATALIST

يقدم قائمة بالقيم المقترحة لإدخال (مع تلميح قائمة منسدلة) مع السماح بالكتابة الحرة؛ اقرنه بخاصية list في input.

الفئةالنماذج
نموذج المحتوىمحتوى تدفقي
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </datalist> وسم
الحالةقياسي

📝 البنية

<input list="browsers">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
</datalist>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<datalist> v1 v12 v1 v1 v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: datalist غير مرئي في حد ذاته؛ يُشار إليه عبر list في input؛ ويختلف تنسيق التلميح حسب المتصفح.
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%