HTML DOM Input Reset অবজেক্ট

HTML DOM Input Reset অবজেক্ট

HTML DOM Input Reset অবজেক্ট <input> এলিমেন্টের সাথে জড়িত যার type="reset"। আমরা createElement() এবং getElementById() মেথড ব্যবহার করে টাইপ রিসেট ইনপুট এলিমেন্ট তৈরি ও এক্সেস করতে পারি।

প্রোপার্টিগুলো

Input reset অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:

উদাহরণ

Input Reset অবজেক্টের একটি উদাহরণ:

<!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>নিচের বাটনে ক্লিক করে টাইপ রিসেট ইনপুট ফিল্ড তৈরি করুন</p> 
<button onclick="resetCreate()">CREATE</button> 
<br><br> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

"CREATE" বাটনে ক্লিক করার পর:

ব্যাখ্যা

• "CREATE" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে resetCreate() মেথড এক্সিকিউট করবে।
• resetCreate() মেথড ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করে প্যারামিটার হিসেবে "INPUT" পাস করে। নতুন তৈরি ইনপুট এলিমেন্টটি Res ভেরিয়েবলে অ্যাসাইন করা হয় এবং setAttribute() মেথড ব্যবহার করে type অ্যাট্রিবিউট তৈরি করা হয় যার মান reset।
• setAttribute() অ্যাট্রিবিউট তৈরি করে এবং যদি আগে থেকে না থাকে তবে মান অ্যাসাইন করে। শেষে ডকুমেন্ট বডির appendChild() মেথড ব্যবহার করে টাইপ রিসেট ইনপুট এলিমেন্টটি বডির চাইল্ড হিসেবে অ্যাপেন্ড করা হয়।

function resetCreate() { 
    var Res = document.createElement("INPUT"); 
    Res.setAttribute("type", "reset"); 
    document.body.appendChild(Res); 
}