انتقل إلى محتوى الدرس

Generic Buttons for Script Actions الأزرار العامة Type Button للبرمجة

تعلم هندسة أزرار نماذج HTML عبر المقارنة بين عنصري button و input وإرسال النماذج والعمليات البرمجية وزر الضبط وإحداثيات النقر الصوري وتصميم شريط الأزرار المتاح.
3 صفوف تعليمية
لغة HTML
6,335 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
عند الحاجة لإنشاء زر مخصص للعمليات التفاعلية فقط—مثل فتح نافذة منبثقة أو إجراء حسابات رياضية—يجب تحديد خاصية type="button" صراحة. هذا التحديد الصريح يمنع المتصفح من محاولة إرسال النموذج، ويمنح دوال جافا سكريبت التحكم الكامل في مجريات الحدث.
الصف 2 كود برمجي
HTML
<form id="calcForm">
  <label for="num">Quantity</label>
  <input type="number" id="num" name="qty" value="1">
  <button type="button" id="calcBtn">Recalculate</button>
</form>
الصف 3 ملاحظة هامة