HTML DOM Input Search অবজেক্ট

HTML DOM Input Search অবজেক্ট <input> এলিমেন্টের সাথে জড়িত যার type="search"। আমরা createElement() এবং getElementById() মেথড ব্যবহার করে টাইপ সার্চ ইনপুট এলিমেন্ট তৈরি ও এক্সেস করতে পারি।

প্রোপার্টিগুলো

Input Search অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:

প্রোপার্টি	বিবরণ
autocomplete	সার্চ ফিল্ড পেজ লোড হলে অটোমেটিক্যালি ফোকাস পাবে কিনা সেট বা রিটার্ন করতে।
autofocus	সার্চ ফিল্ড পেজ লোড হলে অটোমেটিক্যালি ফোকাস পাবে কিনা সেট বা রিটার্ন করতে।
defaultValue	সার্চ ফিল্ডের ডিফল্ট ভ্যালু সেট বা রিটার্ন করতে।
disabled	রিসেট বাটন ডিজেবল করা হয়েছে কিনা সেট বা রিটার্ন করতে।
form	সার্চ ফিল্ড ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে।
list	সার্চ ফিল্ড ধারণকারী datalist-এর রেফারেন্স রিটার্ন করতে।
maxLength	সার্চ ফিল্ডের maxlength অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে।
name	সার্চ ফিল্ডের name অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে।
pattern	সার্চ ফিল্ডের pattern অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে।
placeholder	সার্চ ফিল্ডের placeholder অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে।
readOnly	সার্চ ফিল্ড রিড-অনলি কিনা সেট বা রিটার্ন করতে।
required	ফর্ম সাবমিট করার আগে সার্চ ফিল্ড বাধ্যতামূলকভাবে পূরণ করতে হবে কিনা সেট বা রিটার্ন করতে।
size	সার্চ ফিল্ডের size অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে।
type	এটি একটি রিড-অনলি প্রোপার্টি যা ফর্ম এলিমেন্টের টাইপ রিটার্ন করে যা সার্চ ফিল্ডটি।
value	সার্চ ফিল্ডের value অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে।

সিনট্যাক্স

Input search অবজেক্ট তৈরি করার সিনট্যাক্স:

var P = document.createElement("INPUT"); 
P.setAttribute("type", "search");

উদাহরণ

Input 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>নিচের বাটনে ক্লিক করে টাইপ সার্চ ইনপুট ফিল্ড তৈরি করুন</p> 
<button onclick="createSearch()">CREATE</button> 
<br><br> 
FRUITS: </body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

HTML DOM Input Search অবজেক্ট

"CREATE" বাটনে ক্লিক করার পর:

HTML DOM Input Search অবজেক্ট