HTML DOM Input Reset type প্রোপার্টি

HTML DOM Input Reset type প্রোপার্টি type="reset" 가진 ইনপুট এলিমেন্টের সাথে জড়িত। এটি ইনপুট রিসেট এলিমেন্টের জন্য সবসময় "reset" রিটার্ন করে।

সিনট্যাক্স

Reset type প্রোপার্টির সিনট্যাক্স:

resetObject.type

উদাহরণ

Reset type প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Input reset type Property</h1> 
<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> 
<p>নিচের বাটনে ক্লিক করে উপরের ইনপুট এলিমেন্টের টাইপ পান</p> 
<button type="button" onclick="resetType()">GET Type</button> 
<p id="Sample"></p> 
<script> 
    function resetType() { 
        var P=document.getElementById("RESET1").type; 
        document.getElementById("Sample").innerHTML = "The type for the input field is: " + P ; 
    } 
</script> 
</body> </html>

আউটপুট

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

HTML DOM Input Reset type প্রোপার্টি

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

HTML DOM Input Reset type প্রোপার্টি

ব্যাখ্যা

type="reset", id="RESET1" ইনপুট এলিমেন্ট তৈরি করা হয়েছে। এই বাটনে ক্লিক করলে ফর্ম ডেটা রিসেট হয়। ফর্মে দুটি টেক্সট ফিল্ড এবং ইনলাইন স্টাইল আছে।
"GET Type" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে resetType() মেথড এক্সিকিউট করবে।
resetType() মেথড getElementById() ব্যবহার করে ইনপুট এলিমেন্টটি পায় এবং এর type অ্যাট্রিবিউটের মান ভেরিয়েবল P-তে সংরক্ষণ করে। এই মান প্যারাগ্রাফে (আইডি "Sample") innerHTML ব্যবহার করে প্রদর্শন করা হয়।

function resetType() { 
    var P = document.getElementById("RESET1").type; 
    document.getElementById("Sample").innerHTML = "The type for the input field is: " + P; 
}