এইচটিএমএল ডোম textarea অবজেক্ট
textarea অবজেক্ট
textarea অবজেক্ট এইচটিএমএলের <textarea> এলিমেন্টকে প্রতিনিধিত্ব করে।
textarea অবজেক্ট তৈরী
document.createElement() মেথড ব্যবহার করে আপনি একটি <textarea> এলিমেন্ট তৈরী করতে পারবেন :
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("textarea");
var b = document.createTextNode("স্যাট একাডেমী");
a.appendChild(b);
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
textarea অবজেক্ট এক্সেস
getElementById() ব্যবহারের মাধ্যমে আপনি একটি <textarea> এলিমেন্টকে এক্সেস করতে পারবেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<textarea id="test">স্যাট একাডেমী</textarea>
<script>
function myFunc() {
var a = document.getElementById("test").value;
alert(a);
}
</script>
</body>
</html>ফলাফল
টিপস: একটি ফর্মের এলিমেন্টের কালেকশন খোজার মাধ্যমেও আপনি একটি <textarea> এলিমেন্টকে এক্সেস করতে পারেন।
textarea অবজেক্ট প্রোপার্টি
= এইচটিএমএল(৫)-এ যুক্ত হওয়া প্রোপার্টি।
| প্রোপার্টি | বর্ননা |
|---|---|
| autofocus | যখন একটি পেজ লোড হবে তখন টেক্সট এরিয়াটি স্বয়ংক্রিয়ভাবে ফোকাস হবে নাকি হবে না তা সেট অথবা রিটার্ণ করে। |
| cols | একটি টেক্সট এরিয়ার cols এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে । |
| defaultValue | একটি টেক্সট এরিয়ার ডিফল্ট ভ্যালু সেট অথবা রিটার্ণ করে । |
| disabled | টেক্সট এরিয়া নিষ্ক্রিয় কি না তা সেট অথবা রিটার্ন করে । |
| form | ফর্ম এ রেফারেন্স সেট অথবা রিটার্ন করে যা টেক্সট এরিয়া ধারণ করে । |
| maxLength | একটি টেক্সট এরিয়ার maxlength এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ণ করে । |
| name | একটি টেক্সট এরিয়ার name এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ণ করে। |
| placeholder | একটি টেক্সট এরিয়ার placeholder এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ণ করে। |
| readOnly | টেক্সট এরিয়ার কন্টেন্টগুলো কি শুধুমাত্র পঠনযোগ্য হবে তা সেট অথবা রিটার্ণ করে। |
| required | ফর্ম জমা দেয়ার পূর্বে টেক্সট এরিয়াটি অবশ্যই পূরণ হয়েছে কিনা তা সেট অথবা রিটার্ণ করে। |
| rows | একটি টেক্সট এরিয়ার rows এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ণ করে । |
| type | টেক্সট এরিয়াটি ফর্ম এলিমেন্টের ধরন সেট অথবা রিটার্ন করে। |
| value | একটি টেক্সট এরিয়ার কন্টেন্ট সেট অথবা রিটার্ণ করে। |
| wrap | একটি টেক্সট এরিয়ার wrap এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ণ করে। |
textarea অবজেক্ট মেথড
| মেথড | বিবরণ |
|---|---|
| select() | একটি টেক্সট এরিয়ার entire কন্টেন্ট সিলেক্ট করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |