HTML DOM ইনপুট অনুসন্ধান ফর্ম সম্পত্তি

HTML DOM ইনপুট অনুসন্ধান ফর্ম বৈশিষ্ট্য প্রদত্ত ইনপুট অনুসন্ধান ক্ষেত্র ধারণকারী ফর্ম রেফারেন্স ফেরত দিতে ব্যবহার করা হয়. যদি অনুসন্ধান ক্ষেত্রটি ফর্মের বাইরে থাকে তবে এটি কেবল NULL ফেরত দেবে। এই সম্পত্তি শুধুমাত্র পঠনযোগ্য।

সিনট্যাক্স

ইনপুট সার্চ ফর্ম প্রপার্টি -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল

searchObject.form

উদাহরণ

আসুন আমরা HTML DOM ইনপুট সার্চ ফর্ম প্রপার্টি -

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Input search form Property</h1>
<form id="FORM_1">
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Get the form id by clicking on the below button</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 ইনপুট অনুসন্ধান ফর্ম সম্পত্তি

GET FORM বোতামে ক্লিক করলে -

HTML DOM ইনপুট অনুসন্ধান ফর্ম সম্পত্তি

উপরের উদাহরণে -

আমরা প্রথমে type=”search”, id=”SEARCH1”, এবং name=”fruits” সহ একটি উপাদান তৈরি করেছি। অনুসন্ধান ক্ষেত্রটি এমন একটি ফর্মের ভিতরে রয়েছে যার আইডি বৈশিষ্ট্য “FORM_1” -

-এ সেট করা আছে

<form id="FORM_1">
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>

তারপরে আমরা একটি বোতাম GET FORM তৈরি করব যা ব্যবহারকারীর দ্বারা ক্লিক করলে formId() পদ্ধতিটি কার্যকর করবে -

<button type="button" onclick="formId()">GET FORM</button>

formId() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ অনুসন্ধানের সাথে ইনপুট ক্ষেত্র পেতে এবং ফর্ম অবজেক্টের আইডি বৈশিষ্ট্য পায় যাতে অনুসন্ধান ক্ষেত্র রয়েছে। তারপর এটি ভেরিয়েবল P-কে এই মান নির্ধারণ করে এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শন করে −

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