HTML DOM Input Password name প্রপার্টি ইনপুট পাসওয়ার্ড ফিল্ডের name অ্যাট্রিবিউট সেট বা রিটার্ন করতে ব্যবহৃত হয়। name অ্যাট্রিবিউট ফর্ম ডেটা সার্ভারে সাবমিট হয়ে গেলে সেটি আইডেন্টিফাই করতে সাহায্য করে। JavaScript-ও name অ্যাট্রিবিউট ব্যবহার করে ফর্ম এলিমেন্ট রেফার করে পরে ম্যানিপুলেট করতে পারে।
সিনট্যাক্স
name প্রপার্টি সেট করার সিনট্যাক্স:
passwordObject.name = name
এখানে, name পাসওয়ার্ড ফিল্ডের নাম নির্দেশ করে।
উদাহরণ
password name প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input Password name প্রপার্টি</h1> Password: <input type="password" id="PASS" name="passW"> <p>পাসওয়ার্ড ফিল্ডের নাম পরিবর্তন করতে নিচের বাটনে ক্লিক করুন</p> <button onclick="changeName()">CHANGE NAME</button> <p id="Sample"></p> <script> function changeName() { document.getElementById("PASS").name ="NEW_PASS" ; document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ডের নাম এখন NEW_PASS"; } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHANGE NAME বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে id “PASS” এবং name অ্যাট্রিবিউটের মান “passW” সেট করে একটি ইনপুট পাসওয়ার্ড ফিল্ড তৈরি করা হয়েছে:
Password: <input type="password" id="PASS" maxLength=”5”>
তারপর CHANGE NAME বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeName() এক্সিকিউট করবে:
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() মেথড getElementById() মেথড ব্যবহার করে টাইপ পাসওয়ার্ড ইনপুট ফিল্ড পাওয়া এবং এর name প্রপার্টি “NEW_PASS”-এ সেট করা। এই পরিবর্তনটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:
function changeName() { document.getElementById("PASS").name ="NEW_PASS" ; document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ডের নাম এখন NEW_PASS"; } 