<output>: عنصر OUTPUT
آخر تحديث: 2026-10-13
<output>عنصر OUTPUT
يمثل نتيجة حساب أو إجراء مستخدم، غالبًا يعرض مخرجات مباشرة من نموذج عبر JavaScript؛ الخاصية for تسرد المدخلات المستخدمة.
| الفئة | النماذج |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </output> وسم |
| الحالة | قياسي |
📝 البنية
<output name="result">0</output>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
for | Space-separated ids of elements that contributed to the result. | |
form | The id of the owning form (may be outside it). | |
name | Field name used when submitting the form. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <output> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： output غير قابل للتحرير لكنه يُصفَّر عند إعادة تعيين النموذج؛ يعرض النتيجة فقط.
❓ الأسئلة الشائعة
Qما وظيفة وسم output؟
A
<output> يعرض «نتيجة حساب أو عملية مستخدم»، وحالته النموذجية قيمة مرتبطة بمؤشر تمرير أو مجموع لحظي للنموذج: <output for='a b'>30</output>، وتسرد سمة for معرّفات العناصر المشاركة. وهو يملك دلالة aria-live أصيلة، فيعلن قارئ الشاشة تغيّر القيمة.Qما الفرق بين output و span لعرض نتائج الحساب؟
A
<output> دلالته «نتيجة» وهو افتراضيًا aria-live='polite' (إعلان تلقائي عند تغير القيمة)، وspan لا يملك شيئًا من ذلك. فنتائج الحساب والقيم المرتبطة output، والنص الثابت span — دلالة ووصولية أدق.Qهل سمة for في output إلزامية؟
Aليست إلزامية. فالارتباط بعنصر واحد (كالقيمة بجانب المؤشر) يمكنه إغفال for؛ وحين تحدد النتيجة بعناصر متعددة (مثل a+b) تكتب
for='a b' بقائمة معرّفات مفصولة بمسافات توضح العلاقة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
