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

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


ভূমিকা

HTML DOM Textarea disabled প্রপার্টি একটি HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্ট ডিজেবল আছে কিনা তা রিটার্ন এবং মডিফাই করে।

সিনট্যাক্স

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

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

object.disabled

২. disabled যোগ করা

object.disabled = true | false

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

উদাহরণ

<!DOCTYPE html> <html> <style>    body {       color: #000;       background: lightseagreen;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;    } </style> <body> <h1>DOM Textarea disabled Property Demo</h1> <textarea placeholder="Hi! I'm placeholder text of a textarea element" rows="8" cols='20'></textarea> <button onclick="set()" class="btn">Disable Textarea</button> <script>    function set() {       document.querySelector("textarea").disabled = true;    } </script> </body> </html>

আউটপুট

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

"Disable Textarea" বাটনে ক্লিক করুন টেক্সট এরিয়া এলিমেন্ট ডিজেবল করার জন্য।

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

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

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

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

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