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

HTML DOM Input Search placeholder প্রোপার্টি ইনপুট সার্চ ফিল্ডের placeholder অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। placeholder প্রোপার্টি ওয়েব পেজের ইউজারদের ইনপুট এলিমেন্ট সম্পর্কে হিন্ট দেওয়ার জন্য ব্যবহৃত হয়, ইউজার কিছুই ইনপুট করার আগে ইনপুট ফিল্ডের ভিতরে একটি টেক্সট দেখিয়ে। Placeholder টেক্সট ডিফল্টভাবে স্লেটি রঙের থাকে এবং value প্রোপার্টির মতো ফর্মে সাবমিট হয় না।

সিনট্যাক্স

Placeholder প্রোপার্টি সেট করার সিনট্যাক্স:

searchObject.placeholder = text

এখানে, text সার্চ ফিল্ড সম্পর্কে ইউজারের জন্য হিন্ট নির্দিষ্ট করার 플레이েসহোল্ডার টেক্সট উপস্থাপন করে।

উদাহরণ

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

<!DOCTYPE html> <html> <body> 
<h1>Search placeholder property</h1> 
<form> 
FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>নিচের বাটনে ক্লিক করে উপরের ফিল্ডের placeholder টেক্সট পরিবর্তন করুন</p> 
<button onclick="changeHolder()">CHANGE</button> 
<script> 
    function changeHolder() { 
        document.getElementById("SEARCH1").placeholder = "Search for the fruits here.."; 
    } 
</script> 
</body> </html>

আউটপুট

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

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

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

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