HTML DOM ইনপুট পাসওয়ার্ড ম্যাক্সলেংথ প্রপার্টি ইনপুট পাসওয়ার্ড ফিল্ডের ম্যাক্সলেংথ অ্যাট্রিবিউট সেট বা ফেরানোর জন্য ব্যবহার করা হয়। maxLength বৈশিষ্ট্যটি একটি পাসওয়ার্ড ক্ষেত্রে আপনি টাইপ করতে পারেন এমন সর্বাধিক সংখ্যক অক্ষর নির্দিষ্ট করে৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলmaxLength প্রপার্টি −
সেট করা হচ্ছেpasswordObject.maxLength = integer
এখানে, পূর্ণসংখ্যা সর্বাধিক সংখ্যক অক্ষর নির্দিষ্ট করে যা পাসওয়ার্ড ক্ষেত্রে টাইপ করা যেতে পারে।
উদাহরণ
আসুন maxLength ফর্ম বৈশিষ্ট্য −
-এর জন্য একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input Password maxLength Property</h1>
Password: <input type="password" id="PASS" maxLength="5">
<p>Increase the maximum number of characters to be entered for the above field by clicking below button</p>
<button onclick="changeMax()">CHANGE LENGTH</button>
<p id="Sample"></p>
<script>
function changeMax() {
document.getElementById("PASS").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ লেংথ-এ ক্লিক করলে এবং আরও অক্ষর লিখুন -
উপরের উদাহরণে
আমরা প্রথমে "PASS" আইডি সহ একটি ইনপুট পাসওয়ার্ড ক্ষেত্র তৈরি করেছি এবং এর সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্যের মান 5 সেট করেছি। এর মানে এই ক্ষেত্রে শুধুমাত্র 5টি অক্ষর প্রবেশ করা যেতে পারে।
Password: <input type="password" id="PASS" maxLength=”5”>
তারপরে আমরা একটি বোতাম CHANGE LENGTH তৈরি করেছি যেটি ব্যবহারকারী দ্বারা ক্লিক করলে changeMax() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="changeMax()">CHANGE LENGTH</button>
changeMax() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ পাসওয়ার্ড সহ ইনপুট ক্ষেত্র পেতে এবং এটিকে maxLength প্রপার্টি 15 এ সেট করে। তারপর আমরা এর innerHTML প্রপার্টি ব্যবহার করে "Sample" আইডি সহ অনুচ্ছেদে একটি বার্তা প্রদর্শন করে এই পরিবর্তনটি দেখাই -
function changeMax() {
document.getElementById("PASS").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
} 