HTML DOM ফর্ম অবজেক্ট

HTML DOM ফর্ম অবজেক্টটি HTML

উপাদানের সাথে যুক্ত। আমরা ডকুমেন্ট অবজেক্টের createElement() এবং getElementById() পদ্ধতি ব্যবহার করে একটি ফর্ম উপাদান তৈরি এবং অ্যাক্সেস করতে পারি। আমরা ফর্ম অবজেক্টের বিভিন্ন বৈশিষ্ট্য সেট করতে পারি এবং সেগুলিও পেতে পারি।

সম্পত্তি

নিচের ফর্ম অবজেক্টের বৈশিষ্ট্য −

সম্পত্তি	বিবরণ
একসেপ্টচার্সেট	একটি ফর্মে অ্যাকসেপ্ট-ক্যারসেট অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে।
ক্রিয়া	ফর্মের অ্যাকশন অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে
স্বয়ংসম্পূর্ণ	ফর্মের স্বয়ংসম্পূর্ণ বৈশিষ্ট্য মান সেট বা ফেরত দিতে।
এনকোডিং	এটি এনকটাইপের একটি উপনাম মাত্র।
এনক্টিপ	ফর্মের এনটাইপ অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে।
দৈর্ঘ্য	ফর্মে কতগুলি উপাদান আছে তা ফেরত দিতে।
পদ্ধতি	ফর্মের মেথড অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে।
নাম	ফর্মের নাম বৈশিষ্ট্য মান সেট করতে বা ফেরত দিতে।
কোনও বৈধতা নেই	ব্যবহারকারীর দ্বারা জমা দেওয়ার পরে ফর্ম-ডেটা যাচাই করা উচিত কি না তা সেট করতে বা ফেরত দিতে।
লক্ষ্য	ফর্মের টার্গেট অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে।

পদ্ধতি

নিম্নলিখিত ফর্ম অবজেক্ট পদ্ধতি -

পদ্ধতি	বিবরণ
রিসেট()	একটি ফর্ম রিসেট করতে৷
জমা দিন()	একটি ফর্ম জমা দিতে৷

উদাহরণ

আসুন HTML DOM ফর্ম অবজেক্ট -

এর একটি উদাহরণ দেখি

<!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 object example</h1>
<p>Create a FORM element containing an input element by clicking the below button</p>
<button onclick="CreateForm()">CREATE</button>
<br><br>
</body>
</html>

৷

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ফর্ম অবজেক্ট

CREATE বাটনে ক্লিক করলে এবং ইনপুট ফিল্ডে কিছু লিখুন -

HTML DOM ফর্ম অবজেক্ট

উপরের উদাহরণে -

আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে createForm() পদ্ধতিটি কার্যকর করবে -

<button onclick="CreateForm()">CREATE</button>

CreateForm() পদ্ধতি ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে একটি উপাদান তৈরি করে এবং এটি ভেরিয়েবল f এ বরাদ্দ করে। ফর্ম উপাদান তারপর appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্ট বডিতে যুক্ত করা হয়। তারপর আমরা createElement() পদ্ধতি ব্যবহার করে একটি ইনপুট উপাদান তৈরি করি এবং setAttribute() পদ্ধতি ব্যবহার করে এটির জন্য "পাসওয়ার্ড" মান সহ একটি টাইপ বৈশিষ্ট্য তৈরি করি।

setAttribute() পদ্ধতিটি একটি বৈশিষ্ট্য তৈরি করে যদি বৈশিষ্ট্যটি পূর্বে বিদ্যমান না থাকে। অবশেষে ফর্ম এলিমেন্টে appendChild() মেথড ব্যবহার করে এবং ইনপুট এলিমেন্টকে প্যারামিটার হিসেবে পাস করে আমরা ইনপুট এলিমেন্টটিকে ফর্ম এলিমেন্টের চাইল্ড হিসেবে যুক্ত করি −

<button onclick="CreateForm()">CREATE</button>