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