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

HTML DOM Input reset value প্রোপার্টি রিসেট বাটনের value অ্যাট্রিবিউটের মান রিটার্ন করতে বা সেট করতে ব্যবহৃত হয়। রিসেট বাটনের জন্য value প্রোপার্টি বাটনে প্রদর্শিত টেক্সট পরিবর্তন করে, ডিফল্টভাবে টেক্সটটি "Reset" থাকে।

সিনট্যাক্স

Value প্রোপার্টি সেট করার সিনট্যাক্স:

resetObject.value = text;

এখানে, text রিসেট বাটনে প্রদর্শিত টেক্সট নির্দেশ করতে ব্যবহৃত হয়।

উদাহরণ

Input reset value প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Input reset Value 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 onclick="changeValue()">CHANGE</button> 
<p id="Sample"></p> 
<script> 
    function changeValue() { 
        document.getElementById("RESET1").value="Form_Reset"; 
        document.getElementById("Sample").innerHTML="The reset button value is changed and the value can be seen on the button itself"; 
    } 
</script> 
</body> </html>

আউটপুট

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

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

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

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

ব্যাখ্যা

একটি type="reset", id="RESET1" ইনপুট এলিমেন্ট তৈরি করা হয়েছে। এই বাটনে ক্লিক করলে ফর্ম ডেটা রিসেট হয়। এই বাটনটি একটি ফর্মের ভিতরে থাকে যাতে দুটি টেক্সট ফিল্ড আছে এবং ফর্মে ইনলাইন স্টাইলও 적용 করা হয়েছে।
তারপর একটি "CHANGE" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeValue() মেথড এক্সিকিউট করবে।
changeValue() মেথড getElementById() ব্যবহার করে টাইপ রিসেট ইনপুট এলিমেন্টটি পায় এবং এর "value" অ্যাট্রিবিউটের মান "Form_Reset" সেট করে। এই মান বাটনটিইতে প্রদর্শিত হয়। এই পরিবর্তন নির্দেশকারী একটি মেসেজ প্যারাগ্রাফে (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে দেখানো হয়।

function changeValue() { 
    document.getElementById("RESET1").value="Form_Reset"; 
    document.getElementById("Sample").innerHTML="The reset button value is changed and the value can be seen on the button itself"; 
}