HTML DOM ফর্ম রিসেট() পদ্ধতি

HTML DOM ফর্ম রিসেট() পদ্ধতিটি ফর্ম উপাদানগুলির সমস্ত মান পুনরায় সেট করার জন্য এবং ফর্ম উপাদানগুলির মান বৈশিষ্ট্য ব্যবহার করে নির্দিষ্ট করা ডিফল্ট মানগুলি প্রদর্শন করার জন্য ব্যবহৃত হয়। এটি ফর্ম ডেটা সাফ করার জন্য একটি রিসেট বোতাম হিসাবে কাজ করে এবং এটি কোনও ধরণের প্যারামিটার নেয় না৷

সিনট্যাক্স

ফর্ম রিসেট() পদ্ধতি -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল

formObject.reset()

উদাহরণ

আসুন আমরা ফর্ম রিসেট() পদ্ধতি -

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

<!DOCTYPE html>
<html>
<head>
<style>
   form{
      border:2px solid blue;
      margin:2px;
      padding:4px;
   }
</style>
<script>
   function ResetForm() {
      document.getElementById("FORM1").reset();
      document.getElementById("Sample").innerHTML="Form has been reset";
   }
</script>
</head>
<body>
<h1>Form reset() method example</h1>
<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Age <input type="text" name="Age"></label> <br><br>
<input type="submit" value="SUBMIT">
<input type="button" onclick="ResetForm()" value="RESET">
</form>
<p id="Sample"></p>
</body>
</html>

আউটপুট

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

তৈরি করবে

HTML DOM ফর্ম রিসেট() পদ্ধতি

রিসেট বোতামে ক্লিক করলে -

HTML DOM ফর্ম রিসেট() পদ্ধতি

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

আমরা প্রথমে id=”FORM1”, method=”post” এবং action="/sample_page.php” দিয়ে একটি ফর্ম তৈরি করেছি। এটিতে টাইপ টেক্সট সহ দুটি ইনপুট ক্ষেত্র রয়েছে, একটি জমা বোতাম এবং একটি রিসেট বোতাম৷

<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Age <input type="text" name="Age"></label> <br><br>
<input type="submit" value="SUBMIT">
<input type="button" onclick="ResetForm()" value="RESET">
</form>

ক্লিক করা হলে রিসেট বোতামটি রিসেটফর্ম() ফাংশন চালায়।

<input type="button" onclick="ResetForm()" value="RESET">

ResetForm() পদ্ধতি নথি বস্তু getElementById() পদ্ধতি ব্যবহার করে

উপাদান পায় এবং এটিতে reset() পদ্ধতি কল করে। এটি ফর্ম উপাদানগুলির সমস্ত ডেটা সাফ করে। অবশেষে অভ্যন্তরীণ HTML প্রপার্টি ব্যবহার করে আমরা "নমুনা" −

আইডি সহ একটি অনুচ্ছেদের ভিতরে এই পরিবর্তনটি প্রতিফলিত করে উদ্দেশ্যযুক্ত পাঠ্য প্রদর্শন করি।

function ResetForm() {
   document.getElementById("FORM1").reset();
   document.getElementById("Sample").innerHTML="Form has been reset";
}