HTML DOM ইনপুট রিসেট অবজেক্টটি "রিসেট" টাইপ সহ উপাদানের সাথে যুক্ত। আমরা যথাক্রমে createElement() এবং getElementById() পদ্ধতি ব্যবহার করে টাইপ রিসেট সহ একটি ইনপুট উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।
সম্পত্তি
নিচে ইনপুট রিসেট অবজেক্ট -
এর বৈশিষ্ট্যগুলি রয়েছে৷সম্পত্তি | বিবরণ |
---|---|
অটোফোকাস | পেজ লোড হলে বা না হলে রিসেট বোতামটি স্বয়ংক্রিয়ভাবে ফোকাস পাবে কিনা সেট করতে বা ফেরত দিতে। |
ডিফল্ট মান | রিসেট বোতামের ডিফল্ট মান সেট করতে বা ফেরত দিতে। |
অক্ষম৷ | রিসেট বোতামটি অক্ষম করা থাকলে সেট করা বা ফেরত দিতে। |
ফর্ম | রিসেট বোতাম ধারণকারী ফর্মের রেফারেন্স ফেরত দিতে। |
নাম | রিসেট বোতামের নাম বৈশিষ্ট্য মান সেট করতে বা ফেরত দিতে। |
টাইপ | রিসেট বোতামের জন্য ফর্ম উপাদানের ধরন ফেরত দিতে। |
মান | একটি স্লাইডার নিয়ন্ত্রণের মান বৈশিষ্ট্য মান সেট বা ফেরত দিতে। |
উদাহরণ
আসুন ইনপুট রিসেট অবজেক্ট -
-এর জন্য একটি উদাহরণ দেখি<!DOCTYPE html> <html> <head> <script> function resetCreate() { var Res = document.createElement("INPUT"); Res.setAttribute("type", "reset"); document.body.appendChild(Res); } </script> </head> <body> <h1>Input Reset object</h1> <p>Create an input field with type reset by clicking the below button</p> <button onclick="resetCreate()">CREATE</button> <br><br> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা একটি বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে resetCreate() পদ্ধতিটি কার্যকর করবে -
<button onclick="resetCreate()">CREATE</button>
resetCreate() পদ্ধতিটি নথি বস্তুর createElement() পদ্ধতি ব্যবহার করে একটি প্যারামিটার হিসাবে "INPUT" পাস করে উপাদান তৈরি করতে। নতুন তৈরি করা ইনপুট উপাদানটি ভেরিয়েবল Res-এ বরাদ্দ করা হয় এবং setAttribute() পদ্ধতি ব্যবহার করে আমরা মান রিসেট সহ একটি টাইপ অ্যাট্রিবিউট তৈরি করি।
মনে রাখবেন, setAttribute() অ্যাট্রিবিউট তৈরি করে এবং তারপর যদি অ্যাট্রিবিউটটি আগে না থাকে তাহলে মান নির্ধারণ করে। অবশেষে ডকুমেন্ট বডিতে appendChild() পদ্ধতি ব্যবহার করে, আমরা ইনপুট উপাদানটিকে টাইপ রিসেট সহ বডির চাইল্ড হিসাবে যুক্ত করি -
function resetCreate() { var Res = document.createElement("INPUT"); Res.setAttribute("type", "reset"); document.body.appendChild(Res); }