كيفية إعادة تعيين نموذج

هناك حاجة شائعة في صفحة ويب تحتوي على نموذج وهي إعادة تعيينه إلى الحالة الأصلية.

أعتقد أنه منذ بعض الوقت كان لدى العديد من النماذج زر "إعادة تعيين" ، على الرغم من أنني أرى الآن أنه يتم استخدامه بشكل أقل وأقل.

زر إعادة الضبط هو ملفinputعنصر معtype="reset":

<input type="reset">

يمكنك أيضًا إعادة تعيين نموذج برمجيًا باستخدام JavaScript.

كل ما تحتاجه هو مرجع عنصر النموذج:

const form = document.querySelector('form')

وبعد ذلك يمكنك الاتصال بـreset()الطريقة على ذلك:

form.reset()

سيؤدي هذا إلى مسح جميع العناصر الموجودة في النموذج ، وإعادتها إلى حالتها الأصلية.


المزيد من دروس المتصفح: