ভূমিকা
HTML DOM ইনপুট টেক্সট অবজেক্ট type="text" 가진 <input> এলিমেন্টের সাথে জড়িত। আমরা createElement() এবং getElementById() মেথড যথাক্রমে ব্যবহার করে type="text" 가진 একটি ইনপুট এলিমেন্ট তৈরি এবং অ্যাক্সেস করতে পারি।
প্রপার্টিগুলো
টেক্সট অবজেক্টের প্রপার্টিগুলো নিচে দেওয়া হলো:
| প্রপার্টি | বিবরণ |
|---|---|
| autocomplete | একটি টেক্সট ফিল্ডের autocomplete এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| Autofocus | পেজ লোড হওয়ার সময় টেক্সট ফিল্ড অটোমেটিক্যালি ফোকাস পাবে কিনা সেট বা রিটার্ন করতে |
| defaultValue | টেক্সট ফিল্ডের ডিফল্ট মান সেট বা রিটার্ন করতে |
| Disabled | টেক্সট ফিল্ড ডিজেবল করা হয়েছে কিনা সেট বা রিটার্ন করতে |
| Form | টেক্সট ফিল্ড ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে |
| maxLength | একটি টেক্সট ফিল্ডের maxlength এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| name | একটি টেক্সট ফিল্ডের name এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| pattern | একটি টেক্সট ফিল্ডের pattern এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| placeholder | একটি টেক্সট ফিল্ডের placeholder এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| readOnly | টেক্সট ফিল্ড রিড-অনলি কিনা সেট বা রিটার্ন করতে |
| required | ফর্ম সাবমিট করার আগে টেক্সট ফিল্ড বাধ্যতামূলক পূরণ করতে হবে কিনা সেট বা রিটার্ন করতে |
| size | টেক্সট ফিল্ডের size এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| type | এটি একটি রিড-অনলি প্রপার্টি যা টেক্সট ফিল্ডটি কোন ফর্ম এলিমেন্ট টাইপ তা রিটার্ন করে |
| value | টেক্সট ফিল্ডের value এট্রিবিউটের মান সেট বা রিটার্ন করতে |
| list | টেক্সট ফিল্ড ধারণকারী datalist-এর রেফারেন্স রিটার্ন করতে |
সিনট্যাক্স
ইনপুট টেক্সট অবজেক্ট তৈরি করার সিনট্যাক্স:
var P = document.createElement("INPUT"); P.setAttribute("type", "text");
উদাহরণ
নিচে ইনপুট টেক্সট অবজেক্টের একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <head> <script> function createText() { var P = document.createElement("INPUT"); P.setAttribute("type", "text"); document.body.appendChild(P); } </script> </head> <body> <h1>Text object example</h1> <p>নিচের বাটনে ক্লিক করে type text 가진 একটি ইনপুট ফিল্ড তৈরি করুন</p> <button onclick="createText()">CREATE</button> <br><br> USERNAME: </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
CREATE বাটনে ক্লিক করার পর:
