HTML DOM ইনপুট সার্চ অবজেক্টটি "সার্চ" টাইপ সহ উপাদানের সাথে যুক্ত। আমরা যথাক্রমে createElement() এবং getElementById() পদ্ধতি ব্যবহার করে টাইপ অনুসন্ধানের মাধ্যমে একটি ইনপুট উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।
সম্পত্তি
নিচে ইনপুট সার্চ অবজেক্ট -
এর বৈশিষ্ট্যগুলি রয়েছে৷| সম্পত্তি | বিবরণ |
|---|---|
| স্বয়ংসম্পূর্ণ৷ | পেজ লোড হলে বা না হলে সার্চ ফিল্ড স্বয়ংক্রিয়ভাবে ফোকাস পাবে কিনা সেট করতে বা ফেরত দিতে। |
| অটোফোকাস | পেজ লোড হলে বা না হলে সার্চ ফিল্ড স্বয়ংক্রিয়ভাবে ফোকাস পাবে কিনা সেট করতে বা ফেরত দিতে। |
| ডিফল্ট মান | অনুসন্ধান ক্ষেত্রের ডিফল্ট মান সেট করতে বা ফেরত দিতে। |
| অক্ষম৷ | রিসেট বোতামটি নিষ্ক্রিয় করা থাকলে সেট করা বা ফেরত দিতে। |
| ফর্ম | অনুসন্ধান ক্ষেত্র সম্বলিত ফর্মের রেফারেন্স ফেরত দিতে |
| তালিকা | সার্চ ফিল্ড ধারণকারী ডেটালিস্টে রেফারেন্স ফেরত দিতে। |
| সর্বোচ্চ দৈর্ঘ্য | সার্চ ফিল্ডের সর্বোচ্চ দৈর্ঘ্যের অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে। |
| নাম | একটি অনুসন্ধান ক্ষেত্রের নাম বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
| প্যাটার্ন | সার্চ ফিল্ডের প্যাটার্ন অ্যাট্রিবিউট ভ্যালু সেট বা রিটার্ন করতে। |
| প্লেসহোল্ডার | একটি অনুসন্ধান ক্ষেত্রের স্থানধারক বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
| শুধুমাত্র পাঠ করুন | সার্চ ফিল্ডটি শুধুমাত্র পঠনযোগ্য হলে সেট করতে বা ফেরত দিতে |
| প্রয়োজনীয় | ফর্ম জমা দেওয়ার আগে সার্চ ফিল্ডটি পূরণ করা বাধ্যতামূলক হলে সেট করা বা ফেরত দেওয়া। |
| আকার | সার্চ ফিল্ডের সাইজ অ্যাট্রিবিউট ভ্যালু সেট বা রিটার্ন করতে। |
| টাইপ | এটি একটি পঠনযোগ্য সম্পত্তি যা অনুসন্ধান ক্ষেত্রটির ফর্ম উপাদানের ধরন প্রদান করে৷ |
| মান | অনুসন্ধান ক্ষেত্রের মান বৈশিষ্ট্য মান সেট করতে বা ফেরত দিতে। |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি ইনপুট অনুসন্ধান বস্তু তৈরি করা হচ্ছে -
var P = document.createElement("INPUT");
P.setAttribute("type", "search"); উদাহরণ
ইনপুট সার্চ অবজেক্ট -
-এর জন্য একটি উদাহরণ দেখা যাক<!DOCTYPE html>
<html>
<head>
<script>
function createSearch() {
var S= document.createElement("INPUT");
S.setAttribute("type", "search");
document.body.appendChild(S);
}
</script>
</head>
<body>
<p>Create an input field with type search by clicking the below button</p>
<button onclick="createSearch()">CREATE</button>
<br><br>
FRUITS:
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
