কম্পিউটার টিউটোরিয়াল

HTML DOM Textarea maxLength প্রপার্টি


HTML DOM Textarea maxLength প্রপার্টি একটি HTML ডকুমেন্টে টেক্সট এরিয়ার এলিমেন্টের maxLength অ্যাট্রিবিউটের মান রিটার্ন এবং মডিফাই করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

১. maxLength রিটার্ন করা

object.maxLength

২. maxLength মডিফাই করা

object.maxLength = "number"

HTML DOM Textarea maxLength প্রপার্টির একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;    }    .show {       font-size: 1.5rem;       margin: 1rem 0;    } </style> <body> <h1>DOM Textarea maxLength প্রপার্টি ডেমো</h1> <textarea maxlength="50">Hi! I'm a text area element with some dummy text.</textarea> <button onclick="set()" class="btn">সর্বোচ্চ লেন্থ দেখান</button> <div class="show"></div> <script>    function set() {       document.querySelector('.show').innerHTML = 'উপরোক্ত টেক্সট এরিয়ায় অনুমোদিত সর্বোচ্চ ক্যারেক্টার সংখ্যা ' + document.querySelector("textarea").maxLength;    } </script> </body> </html>

আউটপুট

HTML DOM Textarea maxLength প্রপার্টি

সর্বোচ্চ লেন্থ দেখান বাটনে ক্লিক করুন টেক্সট এরিয়ার এলিমেন্টের maxLength অ্যাট্রিবিউটের মান প্রদর্শন করার জন্য।

HTML DOM Textarea maxLength প্রপার্টি


  1. HTML DOM Textarea placeholder প্রপার্টি

  2. HTML DOM Textarea rows প্রপার্টি

  3. HTML DOM Textarea cols প্রপার্টি

  4. HTML DOM Textarea required প্রপার্টি