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