HTML DOM ইনপুট টেক্সট অবজেক্ট "টেক্সট" টাইপ সহ উপাদানের সাথে যুক্ত। আমরা যথাক্রমে createElement() এবং getElementById() পদ্ধতি ব্যবহার করে টাইপ টেক্সট সহ একটি ইনপুট উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।
সম্পত্তি
নিম্নলিখিত টেক্সট অবজেক্টের বৈশিষ্ট্য −
| সম্পত্তি | বিবরণ |
|---|---|
| স্বয়ংসম্পূর্ণ৷ | একটি পাঠ্য ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
| অটোফোকাস | পৃষ্ঠা লোড হওয়ার সময় পাঠ্য ক্ষেত্রটি স্বয়ংক্রিয়ভাবে ফোকাস করা উচিত কিনা তা সেট করতে বা ফেরত দিতে। |
| ডিফল্ট মান | টেক্সট ফিল্ডের ডিফল্ট মান সেট করতে বা ফেরত দিতে। |
| অক্ষম৷ | টেক্সট ক্ষেত্র নিষ্ক্রিয় করা আছে কিনা তা সেট করতে বা ফেরত দিতে। |
| ফর্ম | টেক্সট ফিল্ড ধারণকারী ফর্মের রেফারেন্স ফেরত দিতে |
| সর্বোচ্চ দৈর্ঘ্য | একটি টেক্সট ফিল্ডের সর্বোচ্চ দৈর্ঘ্যের অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে। |
| নাম | একটি টেক্সট ক্ষেত্রের নাম বৈশিষ্ট্য মান সেট করতে বা ফেরত দিতে |
| প্যাটার্ন | টেক্সট ফিল্ডের প্যাটার্ন অ্যাট্রিবিউট ভ্যালু সেট বা রিটার্ন করতে |
| প্লেসহোল্ডার | একটি টেক্সট ক্ষেত্রের স্থানধারক বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
| শুধুমাত্র পাঠ করুন | টেক্সট ফিল্ডটি শুধুমাত্র পঠনযোগ্য হলে সেট করতে বা ফেরত দিতে |
| প্রয়োজনীয় | ফর্ম জমা দেওয়ার আগে পাঠ্য ক্ষেত্রটি পূরণ করা বাধ্যতামূলক হলে সেট করা বা ফেরত দেওয়া। |
| আকার | টেক্সট ফিল্ডের সাইজ অ্যাট্রিবিউট ভ্যালু সেট বা রিটার্ন করতে। |
| টাইপ | এটি একটি পঠনযোগ্য সম্পত্তি যা পাঠ্য ক্ষেত্রের ফর্ম উপাদানের ধরণ প্রদান করে৷ |
| মান | টেক্সট ফিল্ডের মান বৈশিষ্ট্য মান সেট করতে বা ফেরত দিতে। |
| তালিকা | টেক্সট ফিল্ড ধারণকারী ডেটালিস্টে একটি রেফারেন্স ফেরত দিতে। |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি ইনপুট টেক্সট অবজেক্ট তৈরি করা হচ্ছে -
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>Create an input field with type text by clicking the below button</p>
<button onclick="createText()">CREATE</button>
<br><br>
USERNAME:
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
