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

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


ভূমিকা

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

সিনট্যাক্স

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

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

object.cols

২. cols যোগ করা

object.cols = "number"

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

উদাহরণ

<!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 cols Property Demo</h1> <textarea>Hi! I'm a textarea element in an HTML document with some dummy text.</textarea> <button onclick="set()" class="btn">Set Cols = 50</button> <script>    function set() {       document.querySelector("textarea").cols = '50';    } </script> </body> </html>

আউটপুট

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

"Set Cols = 50" বাটনে ক্লিক করুন cols এট্রিবিউটের মান ৫০ সেট করার জন্য।

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

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

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

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

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