ভূমিকা
HTML DOM ইনপুট সার্চ value প্রপার্টি type="search" 가진 ইনপুট এলিমেন্ট এবং value এট্রিবিউটের সাথে জড়িত। এটি ইনপুট সার্চ ফিল্ডের value এট্রিবিউটের মান রিটার্ন করতে বা সেট করতে ব্যবহৃত হয়। এই প্রপার্টি সার্চ ফিল্ডের জন্য একটি ডিফল্ট মান নির্দিষ্ট করতে ব্যবহৃত হয় এবং ইউজার ইনপুট অনুযায়ী মান পরিবর্তন করতে পারে।
সিনট্যাক্স
value প্রপার্টি সেট করার সিনট্যাক্স:
searchObject.value = text;
এখানে, text সার্চ ফিল্ডের জন্য মান নির্দিষ্ট করতে ব্যবহৃত হয়।
উদাহরণ
নিচে ইনপুট সার্চ value প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input search Value property</h1> <form> FRUITS: <input type="search" id="SEARCH1" name="fruits"> </form> <p>নিচের বাটনে ক্লিক করে উপরের এলিমেন্টের মান পান</p> <button onclick="getValue()">Get Value</button> <p id="Sample"></p> <script> function getValue() { var t = document.getElementById("SEARCH1").value; document.getElementById("Sample").innerHTML = "The value for the input field is : "+t; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
কিছু টেক্সট টাইপ করে "Get Value" বাটনে ক্লিক করার পর:
