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

HTML5-এ অটোকমপ্লিট টেক্সট ইনপুট


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

যদি autocomplete ফিচার off থাকে, তবে ব্রাউজার ব্যবহারকারী قبلে ফিল্ডে যা লিখেছিল তার ভিত্তিতে স্বয়ংক্রিয়ভাবে মান দেখাবে না।

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

ক্র. নং
অ্যাট্রিবিউট মান
বিবরণ
1
on
এটি ডিফল্ট মান। ব্রাউজার ব্যবহারকারী قبلে যা লিখেছিল তার ভিত্তিতে স্বয়ংক্রিয়ভাবে মান পুরন করে।
2
off
ব্রাউজার ব্যবহারকারী قبلে যা লিখেছিল তার ভিত্তিতে মান পুরন করবে না। ব্যবহারকারীরাই মান টাইপ করবেন।                    


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

অটোকমপ্লিট off মানের জন্য, ওয়েব ব্রাউজার ব্যবহারকারী قبلে যা লিখেছিল তার ভিত্তিতে মান পুরন করবে না।

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

  1. CSS :placeholder-shown ব্যবহার করে খালি টেক্সট ইনপুটের স্টাইল কাস্টমাইজ করা

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

  3. HTML DOM ইনপুট টেক্সট autocomplete প্রপার্টি

  4. টেক্সট প্লেজিয়ারিজম (Plagiarism) চেক করার উপায়