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

HTML DOM Input Reset name প্রোপার্টি রিসেট বাটনের name অ্যাট্রিবিউট সেট বা রিটার্ন করতে ব্যবহৃত হয়। name অ্যাট্রিবিউট সার্ভারে ফর্ম ডেটা জমা দেওয়ার পর সেটি চিহ্নিত করতে সাহায্য করে।

সিনট্যাক্স

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

resetObject.name = name

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

উদাহরণ

Reset 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>নিচের বাটনে ক্লিক করে উপরের রিসেট বাটনের নাম পরিবর্তন করুন</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>

আউটপুট

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

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

"CHANGE NAME" এ ক্লিক করার পর:

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

ব্যাখ্যা

type="reset", id="RESET1" ইনপুট এলিমেন্ট তৈরি করা হয়েছে। এই বাটনে ক্লিক করলে ফর্ম ডেটা রিসেট হয়। ফর্মে দুটি টেক্সট ফিল্ড এবং ইনলাইন স্টাইল আছে।
"CHANGE NAME" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeName() মেথড এক্সিকিউট করবে।
changeName() মেথড getElementById() ব্যবহার করে টাইপ রিসেট ইনপুট ফিল্ডটি পায় এবং এর name অ্যাট্রিবিউটের মান "RES_BTN" সেট করে। এই পরিবর্তন প্যারাগ্রাফে (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।

function changeName() { 
    document.getElementById("RESET1").name ="RES_BTN" ; 
    document.getElementById("Sample").innerHTML = " Reset Button name is now RES_BTN"; 
}