কম্পিউটার টিউটোরিয়াল

HTML-এ autocomplete অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?


HTML-এ autocomplete অ্যাট্রিবিউটের ব্যবহার

autocomplete অ্যাট্রিবিউট ফর্ম এলিমেন্টের সাথে ব্যবহার হয় অটোকমপ্লিশন ফিচার অন বা অফ করতে। যদি অটোকমপ্লিশন ফিচার on থাকে, ব্রাউজার স্বয়ংক্রিয়ভাবে মান দেখাবে, যা ব্যবহারকারী আগে সেই ফিল্ডে এন্টার করেছিল।

যদি অটোকমপ্লিশন ফিচার off থাকে, ব্রাউজার ব্যবহারকারীর আগের এন্ট্রিয়ের ভিত্তিতে স্বয়ংক্রিয়ভাবে মান দেখাবে না। ব্যবহারকারীকে নিজে টাইপ করতে হবে।

নিচে অ্যাট্রিবিউট ভ্যালুগুলো দেওয়া হলো:

ক্রমিক নং অ্যাট্রিবিউট মান বর্ণনা
১ on এটি ডিফল্ট মান। ব্রাউজার ব্যবহারকারীর আগের এন্ট্রিয়ের ভিত্তিতে স্বয়ংক্রিয়ভাবে মান পুরা করে।
২ off ব্রাউজার ব্যবহারকারীর আগের এন্ট্রিয়ের ভিত্তিতে মান পুরা করবে না। ব্যবহারকারীকে নিজে মান টাইপ করতে হবে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ autocomplete অ্যাট্রিবিউটের ব্যবহার শিখুন। নিচের কোড চালাতে, ইনপুট টাইপ টেক্সটে কিছু মান দিয়ে সাবমিট ক্লিক করুন। তারপর আবার ফিল্ডটি পূরণ করুন এবং কোডটি আবার চালান, যাতে ফিল্ডে টাইপ করার সময় অটোকমপ্লিট মানগুলো দেখতে পান। এটি autocomplete="on" এর জন্য।

<!DOCTYPE html>
<html>
  <head>
    <title>HTML autocomplete attribute</title>
  </head>
  <body>
    <form action="" method="get" autocomplete="on">
      বিবরণ:<br><br>
      ছাত্রের নাম<br><input type="text" name="sname"><br>
      প্রশিক্ষণের সপ্তাহ<br><input type="week" name="week"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

HTML-এ autocomplete অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

অতিরিক্ত ভ্যালু (HTML5.2+):

  • name, email, username, current-password, new-password, one-time-code, organization, street-address, postal-code, cc-number, cc-exp, cc-csc, tel ইত্যাদি — সেমান্টিক অটোকমপ্লিটের জন্য
  1. HTML-এ মাল্টিপল অ্যাট্রিবিউটের ব্যবহার

  2. HTML-এ লিস্ট অ্যাট্রিবিউটের ব্যবহার

  3. HTML <input> autocomplete অ্যাট্রিবিউট

  4. HTML <form> autocomplete অ্যাট্রিবিউট