HTML DOM Input Search maxLength প্রোপার্টি

HTML DOM Input Search maxlength প্রোপার্টি ইনপুট সার্চ ফিল্ডের maxlength অ্যাট্রিবিউট সেট বা রিটার্ন করতে ব্যবহৃত হয়। maxLength প্রোপার্টি সার্চ ফিল্ডে সর্বোচ্চ কতটি ক্যারেক্টার টাইপ করা যাবে সেটি নির্দিষ্ট করে।

সিনট্যাক্স

MaxLength প্রোপার্টি সেট করার সিনট্যাক্স:

passwordObject.maxLength = integer

এখানে, integer সার্চ ফিল্ডে প্রবেশ করানো যাবে সর্বোচ্চ ক্যারেক্টার সংখ্যা নির্দেশ করে। এর ডিফল্ট মান 524288।

উদাহরণ

MaxLength প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Input Search maxLength Property</h1> 
<form> 
FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> 
</form> 
<p>নিচের বাটনে ক্লিক করে উপরের সার্চ ফিল্ডের জন্য সর্বোচ্চ ক্যারেক্টার সংখ্যা বাড়ান</p> 
<button onclick="changeMax()">CHANGE LENGTH</button> 
<p id="Sample"></p> 
<script> 
    function changeMax() { 
        document.getElementById("SEARCH1").maxLength = "15"; 
        document.getElementById("Sample").innerHTML = "Maximum number of characters are increased to 15"; 
    } 
</script> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

HTML DOM Input Search maxLength প্রোপার্টি

"CHANGE LENGTH" এ ক্লিক করলে:

HTML DOM Input Search maxLength প্রোপার্টি

ব্যাখ্যা

প্রথমে type="search", id="SEARCH1", name="fruits" এবং maxlength="5" সেট করে একটি <input> এলিমেন্ট তৈরি করা হয়েছে। maxlength অ্যাট্রিবিউট নির্দেশ করে যে দिये गये সার্চ ফিল্ডে শুধু ৫টি ক্যারেক্টার থাকতে পারে। সার্চ ফিল্ডটি একটি ফর্মের ভিতরে অবস্থিত।
তারপর "CHANGE LENGTH" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeMax() মেথড এক্সিকিউট করবে।
changeMax() মেথড getElementById() ব্যবহার করে টাইপ সার্চ ইনপুট ফিল্ডটি পায় এবং এর maxLength প্রোপার্টি ১৫ সেট করে। প্যারাগ্রাফে (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে এই পরিবর্তন দেখানো হয়।

function changeMax() { 
    document.getElementById("SEARCH1").maxLength = "15"; 
    document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15"; 
}