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

Reset Buttons and Form Clearing زر إعادة الضبط Reset ومحاذيره

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

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

الصف 1 شرح توضيحي
يقوم زر إعادة الضبط (المنشأ عبر type="reset") بإعادة كافة حقول النموذج إلى قيمها المبدئية المسجلة عند تحميل الصفحة. وهو لا يفرغ الحقول بالضرورة؛ فإذا كان الحقل يحتوي على نص مبدئي في خاصية value، فإن الضبط يعيده إلى تلك القيمة المحددة بدلاً من تركه فارغاً.
الصف 2 كود برمجي
HTML
<form id="userSettings">
  <label for="nick">Nickname</label>
  <input type="text" id="nick" name="nickname" value="Guest">
  <button type="reset">Restore Defaults</button>
</form>
الصف 3 ملاحظة هامة