HTML DOM ইনপুট সার্চ ম্যাক্সলেংথ প্রোপার্টি ইনপুট সার্চ ফিল্ডের ম্যাক্সলেংথ অ্যাট্রিবিউট সেট বা ফেরানোর জন্য ব্যবহার করা হয়। maxLength প্রপার্টি আপনি একটি সার্চ ফিল্ডে টাইপ করতে পারেন এমন সর্বোচ্চ সংখ্যক অক্ষর উল্লেখ করে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলmaxLength প্রপার্টি −
সেট করুনpasswordObject.maxLength = 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>Increase the maximum number of characters to be entered for the above search field by clicking below button</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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ লেংথ -
ক্লিক করলে
উপরের উদাহরণে -
আমরা প্রথমে type=”search”, id=”SEARCH1”, name=”fruits” সহ একটি উপাদান তৈরি করেছি এবং এর সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্য 5 এ সেট করেছি। সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্যটি নির্দিষ্ট করে যে প্রদত্ত অনুসন্ধানে শুধুমাত্র 5টি অক্ষর থাকতে পারে। ক্ষেত্র অনুসন্ধান ক্ষেত্রটি একটি ফর্মের ভিতরে রয়েছে -
<form> FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> </form>
তারপরে আমরা একটি বোতাম CHANGE LENGTH তৈরি করি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeMax() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeMax()">CHANGE LENGTH</button>
changeMax() মেথডটি getElementById() মেথড ব্যবহার করে টাইপ সার্চ সহ ইনপুট ফিল্ড পেতে এবং এটিকে maxLength প্রপার্টি 15 এ সেট করে। তারপর আমরা এর innerHTML প্রপার্টি ব্যবহার করে "Sample" আইডি সহ অনুচ্ছেদে একটি বার্তা প্রদর্শন করে এই পরিবর্তনটি দেখাব −
function changeMax() {
document.getElementById("SEARCH1").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
} 