বিবরণ
HTML DOM Input Reset form প্রোপার্টি ব্যবহার করা হয় দেওয়া রিসেট বাটন ধারণকারী ফর্মের রেফারেন্স রিটার্ন করার জন্য। যদি রিসেট বাটন ফর্মের বাইরে থাকে তবে এটি শুধু NULL রিটার্ন করবে। এই প্রোপার্টি রিড-অনলি।
সিনট্যাক্স
Input Reset form প্রোপার্টির সিনট্যাক্স:
resetObject.form
উদাহরণ
Input Reset 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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
GET FORM বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- আমরা একটি <input> এলিমেন্ট তৈরি করেছি যার type="reset", id="RESET1"। এই বাটনে ক্লিক করলে ফর্ম ডেটা রিসেট হবে। এই বাটন একটি ফর্মের ভেতরে আছে যাতে দুটি টেক্সট ফিল্ড আছে এবং ফর্মে একটি ইনলাইন স্টাইলও আছে।
- তারপর একটি GET FORM বাটন তৈরি করা হয়েছে যা ক্লিক করলে formId() মেথড এক্সিকিউট হবে।
- formId() মেথড getElementById() ব্যবহার করে type="reset" ইনপুট ফিল্ড পায় এবং সেই রিসেট বাটন ধারণকারী ফর্ম অবজেক্টের id প্রোপার্টি পায়। এই মান P ভেরিয়েবলে অ্যাসাইন করা হয় এবং "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
