JavaScript DOM (Document Object Model) orqali HTML form elementi bilan ishlash uchun quyidagi yo'l bilan amalga oshiriladi:

1. HTML form elementini ma'lum bir id attributiga ega bo'lgan form yaratilad

<form id="myForm">
 <label for="username">Username:</label>
 <input type="text" id="username" name="username">
 <label for="password">Password:</label>
 <input type="password" id="password" name="password">
 <button type="submit">Submit</button>
</form>

JavaScript faylida, form elementi moslashtirilgan JavaScript obyektini olamiz

const myForm = document.getElementById('myForm');

DOM bilan formga murojaat qilish uchun to'g'ridan-to'g'ri elementni tanlab olish va uni tahrirlash mumkin:

// input elementini tanlash
const usernameInput = document.getElementById('username');
// input elementini taxrirlash
usernameInput.value = 'JohnDoe'; // misol
// form elementini boshqarish
myForm.submit(); // formni yuborish

Bu kodda, avvalgi qismda formni yaratdik, so'ngra JavaScript-da foydalanuvchidan ma'lumot kiritishni (masalan, foydalanuvchi nomini) soraymiz. Keyin, form elementi ma'lumotlarni serverga yuborish uchun faollashtiriladi (submit).

JavaScript DOM reset funksiyasi faqatgina formni tozalash uchun ishlatiladi. Har safar serverga form ma'lumotlari yuborilganidan so'ng bu ma'lumotlar qayta yuborilmasligi uchun uni reset qilish ya'ni tozalash maqsadga muvofiq :

myForm.reset() // formani tozalash

Quyida men sizga Javascript orqali html form elementi obyekti ustida qilishingiz mumkin bo'lgan bir necha amallarni misol keltiraman:

myForm.elements // forma elementlari (input,select,checkbox va hokazo) dan iborat massiv 

myForm.name // forma maydonlariga ularning "name" atributlari orqali ham murojaat qilish mumkin 

myForm.submit() // formani tasdiqlab serverga yuborish

Shuningdek, form elementlariga JavaScript yordamida boshqa hodisalar ham amal qilish mumkin, masalan, o'zgartiriladigan hollarda yoki form tayyor bo'lib yuborishdan oldin. Buning uchun addEventListener metodidan foydalanish talab etiladi.