HTML DOM ইনপুট রিসেট ফর্ম সম্পত্তি

HTML DOM ইনপুট রিসেট ফর্ম বৈশিষ্ট্য প্রদত্ত রিসেট বোতাম ধারণ করে ফর্ম রেফারেন্স ফেরত দেওয়ার জন্য ব্যবহৃত হয়। যদি রিসেট বোতামটি ফর্মের বাইরে থাকে তবে এটি কেবল NULL ফেরত দেবে। এই সম্পত্তি শুধুমাত্র পঠনযোগ্য।

সিনট্যাক্স

ইনপুট রিসেট ফর্ম সম্পত্তির জন্য সিনট্যাক্স নিচে দেওয়া হল।

resetObject.form

উদাহরণ

আসুন ইনপুট রিসেট ফর্ম প্রপার্টি −

-এর উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Input reset form Property</h1>
<form id="FORM_1" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("RESET1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
   }
</script>
</body>
</html>

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

তৈরি করবে

HTML DOM ইনপুট রিসেট ফর্ম সম্পত্তি

GET FORM বোতামে ক্লিক করলে -

HTML DOM ইনপুট রিসেট ফর্ম সম্পত্তি

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

আমরা type="reset", id="RESET1" সহ একটি উপাদান তৈরি করেছি। এই বোতামে ক্লিক করলে ফর্ম ডেটা রিসেট হবে। এই বোতামটি একটি ফর্মের ভিতরে রয়েছে যাতে দুটি পাঠ্য ক্ষেত্র রয়েছে এবং ফর্মটিতে একটি ইনলাইন শৈলীও প্রয়োগ করা হয়েছে৷

<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>

তারপরে আমরা একটি বোতাম GET FORM তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে formId() পদ্ধতিটি কার্যকর করবে৷

<button type="button" onclick="formId()">GET FORM</button>

টাইপ রিসেট সহ ইনপুট ক্ষেত্র পেতে formId() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে এবং রিসেট বোতাম ধারণ করে ফর্ম অবজেক্টের আইডি বৈশিষ্ট্য পায়। তারপর এটি ভেরিয়েবল P-কে এই মান নির্ধারণ করে এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শন করে −

function formId() {
   var P=document.getElementById("RESET1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
}