HTML DOM ইনপুট সার্চ ডিফল্ট ভ্যালু প্রপার্টি

HTML DOM ইনপুট সার্চ ডিফল্ট ভ্যালু প্রপার্টি একটি সার্চ ফিল্ডের ডিফল্ট ভ্যালু সেট বা পাওয়ার জন্য ব্যবহার করা হয়। একটি উপাদানের ডিফল্ট মান হল মান বৈশিষ্ট্যের জন্য নির্ধারিত মান। মান এবং ডিফল্টভ্যালু প্রপার্টির মধ্যে পার্থক্য হল ডিফল্ট ভ্যালু প্রপার্টি আসল ডিফল্ট মান ধরে রাখে যখন সার্চ ফিল্ডে ইউজার ইনপুটের উপর ভিত্তি করে ভ্যালু প্রোপার্টি ভ্যালু পরিবর্তন হয়।

সিনট্যাক্স

ডিফল্ট ভ্যালু প্রপার্টি −

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

searchObject.defaultValue = value

এখানে, "মান" হল অনুসন্ধান ক্ষেত্রের ডিফল্ট মান।

উদাহরণ

আসুন অনুসন্ধান ডিফল্ট ভ্যালু প্রপার্টি −

-এর জন্য একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Input Search defaultValue Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" value="MANGO">
</form>
<p>Change the above search field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeDefault() {
      document.getElementById("SEARCH1").defaultValue="APPLE";
      var P=document.getElementById("SEARCH1").defaultValue;
      document.getElementById("Sample").innerHTML = "Default value has been changed from MANGO to "+P ;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট সার্চ ডিফল্ট ভ্যালু প্রপার্টি

চেঞ্জ বোতামে ক্লিক করলে -

HTML DOM ইনপুট সার্চ ডিফল্ট ভ্যালু প্রপার্টি

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

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

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

তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করি যা ব্যবহারকারী দ্বারা ক্লিক করার সময় changeDefault() পদ্ধতিটি কার্যকর করবে -

<button type="button" onclick="changeDefault()">CHANGE</button>

changeDefault() মেথড getElementById() পদ্ধতি ব্যবহার করে টাইপ সার্চ সহ ইনপুট ফিল্ড পেতে এবং এর ডিফল্ট ভ্যালু প্রপার্টি "APPLE" এ সেট করে। তারপর আমরা getElementById() পদ্ধতি ব্যবহার করে আবার টাইপ সার্চের মাধ্যমে ইনপুটের ডিফল্ট ভ্যালু প্রপার্টি পাই এবং ভেরিয়েবল P এ বরাদ্দ করি। এই ভেরিয়েবলটি তারপর অনুচ্ছেদের অভ্যন্তরীণ HTML প্রপার্টি ব্যবহার করে "Sample" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয়। পি>

function changeDefault() {
   document.getElementById("SEARCH1").defaultValue="APPLE";
   var P=document.getElementById("SEARCH1").defaultValue;
   document.getElementById("Sample").innerHTML = "Default value has been changed from MANGO to "+P ;
}

এ পরিবর্তিত হয়েছে