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

HTML DOM Textarea অবজেক্ট: টেক্সটএরিয়া এলিমেন্ট নিয়ন্ত্রণ

HTML DOM Textarea অবজেক্ট একটি HTML ডকুমেন্টের <textarea> এলিমেন্টকে প্রতিনিধিত্ব করে।

Textarea অবজেক্ট তৈরি

সিনট্যাক্স

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

document.createElement(“TEXTAREA”);

Textarea অবজেক্টের প্রোপার্টিসমূহ

প্রোপার্টি ব্যাখ্যা
autofocus পেজ লোড হলে টেক্সট এরিয়া অটোমেটিক্যালি ফোকাস পাবে কিনা তা রিটার্ন ও মডিফাই করে।
defaultValue HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের ডিফল্ট মান রিটার্ন ও মডিফাই করে।
cols HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের cols অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।
disabled HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্ট ডিসেবলড কিনা তা রিটার্ন ও মডিফাই করে।
form টেক্সট এরিয়াকে ঘেরে রেখে থাকা ফর্মের সাইট রিটার্ন করে।
maxLength HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের maxLength অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।
name HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের name অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।
placeholder HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের placeholder অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।
readOnly HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের কনটেন্ট রিড-অনলি হবে কিনা তা রিটার্ন ও মডিফাই করে।
required HTML ডকুমেন্টে টেক্সট এরিয়ার required অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।
rows HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের rows অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।
type HTML ডকুমেন্টে টেক্সট এরিয়া কোন ফর্ম এলিমেন্টের টাইপে আছে তা রিটার্ন করে।
value HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের কনটেন্ট রিটার্ন ও মডিফাই করে।
wrap HTML ডকুমেন্টে টেক্সট এরিয়া এলিমেন্টের wrap অ্যাট্রিবিউটের মান রিটার্ন ও মডিফাই করে।

Textarea অবজেক্টের মেথডসমূহ

মেথড ব্যাখ্যা
select() HTML ডকুমেন্টে একটি টেক্সট এরিয়ার কনটেন্ট সিলেক্ট করে।

উদাহরণ

Textarea অবজেক্টের একটি উদাহরণ:

<!DOCTYPE html> <html> <style>    body {       color: #000;       background: lightseagreen;       height: 100vh;       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;       margin: 1rem auto;    } </style> <body> <h1>DOM Textarea Object Demo</h1> <button onclick="create()" class="btn">Create Textarea</button> <script>    function create() {       var ta = document.createElement("TEXTAREA");       ta.innerHTML = "Hi! I'm a textarea element in an HTML document with some dummy text.";       ta.setAttribute('rows', '8');       document.body.appendChild(ta);    } </script> </body> </html>

আউটপুট

HTML DOM Textarea অবজেক্ট: টেক্সটএরিয়া এলিমেন্ট নিয়ন্ত্রণ

"Create Textarea" বাটনে ক্লিক করুন একটি textarea এলিমেন্ট তৈরি করতে।

HTML DOM Textarea অবজেক্ট: টেক্সটএরিয়া এলিমেন্ট নিয়ন্ত্রণ

  1. HTML DOM Details অবজেক্ট

  2. HTML DOM HR অবজেক্ট

  3. HTML DOM Title অবজেক্ট

  4. HTML DOM Ul অবজেক্ট