HTML DOM ইনপুট রিসেট মান বৈশিষ্ট্য রিসেট বোতাম মান বৈশিষ্ট্যের মান ফেরত দিতে বা সেট করতে ব্যবহৃত হয়। রিসেট বোতামের মান বৈশিষ্ট্য বোতামে প্রদর্শিত পাঠ্যটিকে পরিবর্তন করে কারণ ডিফল্টরূপে পাঠ্যটি "রিসেট"।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলমান সম্পত্তি সেট করা হচ্ছে -
resetObject.value = text;
এখানে, রিসেট বোতামে প্রদর্শিত টেক্সট নির্দিষ্ট করার জন্য টেক্সট ব্যবহার করা হয়।
উদাহরণ
ইনপুট রিসেট ভ্যালু প্রপার্টি −
এর একটি উদাহরণ দেখা যাক<!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>Get the above element value by clicking the below button</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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা type="reset", id="RESET1" সহ একটি উপাদান তৈরি করেছি। এই বোতামে ক্লিক করলে ফর্ম ডেটা রিসেট হবে। এই বোতামটি একটি ফর্মের ভিতরে রয়েছে যাতে দুটি পাঠ্য ক্ষেত্র রয়েছে এবং ফর্মটিতে একটি ইনলাইন শৈলীও প্রয়োগ করা হয়েছে −
<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>
তারপরে আমরা একটি "পরিবর্তন" বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে changeValue() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeValue()">CHANGE</button>
changeValue() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে টাইপ রিসেট সহ ইনপুট উপাদান পায় এবং এর "মান" বৈশিষ্ট্যের মান "ফর্ম_রিসেট" এ সেট করে। এই মান বোতাম নিজেই প্রদর্শিত হয়. এই পরিবর্তনের নির্দেশক একটি বার্তা তারপর অনুচ্ছেদে প্রদর্শিত হয় আইডি "নমুনা" এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে −
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";
} 