ভূমিকা
HTML DOM ইনপুট সার্চ size প্রপার্টি ব্যবহার করা হয় ইনপুট সার্চ ফিল্ডের size এট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। এটি ক্যারেক্টার সংখ্যা অনুযায়ী সার্চ ফিল্ডের প্রস্থ সংজ্ঞায়িত করতে ব্যবহৃত হয়। ডিফল্ট প্রস্থ ২০ ক্যারেক্টার।
সিনট্যাক্স
সার্চ size প্রপার্টি সেট করার সিনট্যাক্স:
searchObject.size = number
এখানে, number ক্যারেক্টার অনুযায়ী সার্চ ফিল্ডের প্রস্থ উপস্থাপন করে। ডিফল্ট প্রস্থ ২০ ক্যারেক্টার।
উদাহরণ
নিচে ইনপুট সার্চ size প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input search size property</h1> <form> FRUITS: <input type="search" id="SEARCH1" name="fruits"> </form> <p>নিচের বাটনে ক্লিক করে সার্চ ফিল্ডের প্রস্থ পরিবর্তন করুন</p> <button onclick="changeSize()">CHANGE</button> <p id="Sample"> <script> function changeSize() { document.getElementById("SEARCH1").size+=20; var s=document.getElementById("SEARCH1").size; document.getElementById("Sample").innerHTML="The search field width is now "+ s; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
CHANGE বাটনে ক্লিক করার পর:
