HTML DOM Form অবজেক্ট HTML <form> এলিমেন্টের সাথে জড়িত। ডকুমেন্ট অবজেক্টের createElement() এবং getElementById() মেথড ব্যবহার করে ফর্ম এলিমেন্ট তৈরি এবং এক্সেস করা যায়। ফর্ম অবজেক্টের বিভিন্ন প্রপার্টি সেট এবং গেট করা যায়।
প্রপার্টি
Form অবজেক্টের প্রপার্টিগুলো:
| প্রপার্টি | বিবরণ |
|---|---|
| acceptCharset | ফর্মের accept-charset অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
| Action | ফর্মের action অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
| Autocomplete | ফর্মের autocomplete অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
| Encoding | এটি enctype-এর এলিয়াস মাত্র। |
| Enctype | ফর্মের enctype অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
| Length | ফর্মে কতগুলো এলিমেন্ট আছে তা রিটার্ন করতে। |
| Method | ফর্মের method অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
| Name | ফর্মের name অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
| noValidate | ইউজার সাবমিট করলে ফর্ম ডেটা ভ্যালিডেট হবে কিনা সেট বা রিটার্ন করতে। |
| Target | ফর্মের target অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে। |
মেথড
Form অবজেক্টের মেথডগুলো:
| মেথড | বিবরণ |
|---|---|
| reset() | ফর্ম রিসেট করতে। |
| submit() | ফর্ম সাবমিট করতে। |
উদাহরণ
HTML DOM form অবজেক্টের উদাহরণ:
<!DOCTYPE html> <html> <head> <script> function CreateForm() { var f = document.createElement("FORM"); document.body.appendChild(f); var i = document.createElement("INPUT"); i.setAttribute("type", "password"); f.appendChild(i); } </script> </head> <body> <h1>Form অবজেক্ট উদাহরণ</h1> <p>নিচের বাটনে ক্লিক করে একটি input এলিমেন্ট ধারণকারী FORM এলিমেন্ট তৈরি করুন</p> <button onclick="CreateForm()">CREATE</button> <br><br> </body> </html>এটি নিচের আউটপুট তৈরি করবে:
CREATE বাটনে ক্লিক করলে এবং ইনপুট ফিল্ডে কিছু লিখলে:
উপরের উদাহরণে:
CREATE বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে createForm() মেথড এক্সিকিউট করবে:
<button onclick="CreateForm()">CREATE</button>
CreateForm() মেথড createElement() মেথড ব্যবহার করে <form> এলিমেন্ট তৈরি করে এবং f ভেরিয়েবলে অ্যাসাইন করে। ফর্ম এলিমেন্টটি appendChild() মেথড ব্যবহার করে ডকুমেন্ট বডিতে অ্যাপেন্ড করা হয়েছে। তারপর createElement() মেথড ব্যবহার করে একটি ইনপুট এলিমেন্ট তৈরি করা হয়েছে এবং setAttribute() মেথড ব্যবহার করে তার জন্য type অ্যাট্রিবিউট মান “password” সেট করা হয়েছে।
setAttribute() মেথড যদি অ্যাট্রিবিউট আগে থেকে না থাকে তবে তৈরি করে। শেষে appendChild() মেথড ফর্ম এলিমেন্টের ওপর কল করে ইনপুট এলিমেন্ট পাস করলে ইনপুট এলিমেন্টটি ফর্ম এলিমেন্টের চাইল্ড হিসেবে অ্যাপেন্ড হয়েছে:
<button onclick="CreateForm()">CREATE</button>
