<fieldset>: عنصر FIELDSET
آخر تحديث: 2026-10-13
<fieldset>عنصر FIELDSET
يجمّع عناصر النماذج المرتبطة ويعرض legend اختياريًا، محسنًا القراءة وإمكانية الوصول.
| الفئة | النماذج |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </fieldset> وسم |
| الحالة | قياسي |
📝 البنية
<fieldset>
<legend>عنوان المجموعة</legend>
...عناصر التحكم...
</fieldset>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
name | Group name submitted with the form. | |
disabled | Disables all controls inside. | |
form | The id of the associated form. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <fieldset> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： fieldset له حدود افتراضية (قابلة للإزالة عبر CSS)؛ تعطيله يعطل جميع عناصر التحكم داخله.
❓ الأسئلة الشائعة
Qما وظيفة fieldset؟
A
<fieldset> يجمع عناصر النموذج ذات الصلة (كعنوان «عنوان التسليم» في مجموعة و«طريقة الدفع» في أخرى)، وله إطار افتراضي، ويتكامل مع <legend> لعنوان المجموعة. ويقرأ قارئ الشاشة اسم المجموعة أولًا ثم العناصر، فتتحسن فهم النماذج الطويلة كثيرًا.Qهل يمكن إزالة إطار fieldset؟
Aنعم:
fieldset { border: none; padding: 0; margin: 0; }. وإزالة التنسيق البصري لا تمس الدلالة — فقيمة التجميع وlegend للوصولية باقية، وهذا مثال نموذجي لفصل الدلالة عن التنسيق.Qما فائدة سمة disabled في fieldset؟
Aإضافة
disabled إلى <fieldset> تعطّل جميع عناصر المجموعة دفعة واحدة (بما فيها العناصر السليلية)، وهي مناسبة لسيناريو «النموذج كله للقراءة فقط» كخطوة تأكيد الطلب. وأبسط كثيرًا من إضافة disabled لكل عنصر على حدة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
