HTML-এ সার্চ ইনপুট টাইপ কীভাবে ব্যবহার করবেন?

HTML-এ সার্চ ইনপুট টাইপের ব্যবহার

HTML-এ সার্চ ইনপুট টাইপ ব্যবহার করা হয় <input type="search"> দিয়ে। এটি সার্চ ফিল্ডের জন্য ব্যবহৃত হয় এবং সাধারণ টেক্সট ফিল্ডের মতো দেখায়। এটি সার্চ বার যোগ করতে ব্যবহার করা যায়।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ সার্চ ইনপুট টাইপের ব্যবহার শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input search</title>
  </head>
  <body>
    <form action="" method="get">
      সার্চ<br>
      <input type="search" name="search"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

বিশেষ বৈশিষ্ট্য:

• কিছু ব্রাউজারে (Chrome, Safari) একটি ছোট 'x' বাটন থাকে ক্লিয়ার করার জন্য
• CSS-এ ::-webkit-search-cancel-button দিয়ে স্টাইল করা যায়
• incremental অ্যাট্রিবিউট (WebKit) — টাইপ করার সাথে সাথে সার্চ ইভেন্ট ফায়ার করে
• results অ্যাট্রিবিউট (WebKit) — недавний সার্চের সংখ্যা সংরক্ষণ করে

সেমান্টিক্স: type="search" ব্যবহার করা ভালো অ্যাক্সেসিবিলিটির জন্য (স্ক্রিন রিডার বুঝতে পারে এটি সার্চ ফিল্ড)।