ভূমিকা
HTML DOM ইনপুট টেক্সট maxLength প্রপার্টি ব্যবহার করা হয় ইনপুট টেক্সট ফিল্ডের maxlength এট্রিবিউট সেট বা রিটার্ন করার জন্য। maxLength প্রপার্টি নির্দেশ করে যে একটি টেক্সট ফিল্ডে আপনি সর্বোচ্চ কতগুলো ক্যারেক্টার টাইপ করতে পারবেন।
সিনট্যাক্স
maxLength প্রপার্টি সেট করার সিনট্যাক্স:
textObject.maxLength = integer
এখানে, integer টেক্সট ফিল্ডে টাইপ করা যാവেন সর্বোচ্চ ক্যারেক্টার সংখ্যা নির্দিষ্ট করে।
উদাহরণ
নিচে maxLength প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input Text maxLength Property</h1> USERNAME: <input type="text" id="USR" maxLength="5"> <p>নিচের বাটনে ক্লিক করে উপরের ফিল্ডের জন্য সর্বোচ্চ ক্যারেক্টার সংখ্যা বাড়ান</p> <button onclick="changeMax()">CHANGE LENGTH</button> <p id="Sample"></p> <script> function changeMax() { document.getElementById("USR").maxLength = "15"; document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে। যেহেতু আমরা maxLength 5 সেট করেছি শুধু ৫ ক্যারেক্টার দেয়া যাবে:
CHANGE LENGTH বাটনে ক্লিক করার পর:
