HTML DOM ইনপুট রিসেট নামের বৈশিষ্ট্যটি একটি রিসেট বোতামের নাম বৈশিষ্ট্য সেট বা ফেরানোর জন্য ব্যবহৃত হয়। নামের বৈশিষ্ট্যটি সার্ভারে জমা দেওয়ার পরে ফর্ম ডেটা সনাক্ত করতে সহায়তা করে৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলনামের সম্পত্তি সেট করা হচ্ছে -
resetObject.name = name
এখানে, নাম রিসেট বোতামের নাম উল্লেখ করার জন্য।
উদাহরণ
আসুন আমরা রিসেট নামের বৈশিষ্ট্যের জন্য একটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<body>
<h1>Input range name 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>Change the name of the above reset button by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("RESET1").name ="RES_BTN" ;
document.getElementById("Sample").innerHTML = "Reset Button name is now RES_BTN";
}
</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>৷
তারপরে আমরা পরিবর্তন নাম একটি বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে changeName() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ রিসেট সহ ইনপুট ক্ষেত্র পেতে এবং এর নামের বৈশিষ্ট্যের মানকে "RES_BTN" এ সেট করে। এই পরিবর্তনটি তারপর একটি অনুচ্ছেদে আইডি "নমুনা" এবং প্রদর্শনের জন্য এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রতিফলিত হয়। উদ্দেশ্যমূলক পাঠ্য -
function changeName() {
document.getElementById("RESET1").name ="RES_BTN" ;
document.getElementById("Sample").innerHTML = " Reset Button name is now RES_BTN";
} 