HTML DOM Input Search form প্রোপার্টি

HTML DOM Input Search form প্রোপার্টি দেয়া ইনপুট সার্চ ফিল্ড ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে ব্যবহৃত হয়। যদি সার্চ ফিল্ড ফর্মের বাইরে থাকে তবে এটি শুধু NULL রিটার্ন করবে। এই প্রোপার্টি রিড-অনলি।

সিনট্যাক্স

Input search form প্রোপার্টির সিনট্যাক্স:

searchObject.form

উদাহরণ

HTML DOM Input search form প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Input search form Property</h1> 
<form id="FORM_1"> 
FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>নিচের বাটনে ক্লিক করে ফর্মের আইডি পান</p> 
<button type="button" onclick="formId()">GET FORM</button> 
<p id="Sample"></p> 
<script> 
    function formId() { 
        var P=document.getElementById("SEARCH1").form.id; 
        document.getElementById("Sample").innerHTML = "The id of the form containing the search field is: " + P ; 
    } 
</script> 
</body> </html>

আউটপুট

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

HTML DOM Input Search form প্রোপার্টি

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

HTML DOM Input Search form প্রোপার্টি

ব্যাখ্যা

প্রথমে type="search", id="SEARCH1", এবং name="fruits" একটি <input> এলিমেন্ট তৈরি করা হয়েছে। সার্চ ফিল্ডটি একটি ফর্মের ভিতরে আছে যার id অ্যাট্রিবিউট "FORM_1" সেট করা হয়েছে।
তারপর "GET FORM" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে formId() মেথড এক্সিকিউট করবে।
formId() মেথড getElementById() ব্যবহার করে টাইপ সার্চ ইনপুট ফিল্ডটি পায় এবং সার্চ ফিল্ড ধারণকারী ফর্ম অবজেক্টের id প্রোপার্টি পায়। এই মান P ভেরিয়েবলে অ্যাসাইন করে প্যারাগ্রাফে (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।

function formId() { 
    var P=document.getElementById("SEARCH1").form.id; 
    document.getElementById("Sample").innerHTML = "The id of the form containing the search field is: " + P ; 
}