<input> এলিমেন্টের autocomplete অ্যাট্রিবিউটটি আপনাকে ইনপুটের জন্য autocomplete অন বা অফ সেট করতে দেয়। যদি autocomplete অন থাকে, তবে ওয়েব ব্রাউজার স্বয়ংক্রিয়ভাবে মানগুলো পূরণ করে দেয়। এটি শুধু তখন ঘটে যখন ব্যবহারকারী পূর্বে মান দিয়ে থাকেন।
সিনট্যাক্স:
<input autocomplete="on|off">
উপরে, on | off autocomplete প্রদর্শন হবে কিনা তার মান। on সেট করলে ব্রাউজার পূর্বে দিয়ে থাকা মান বেসড এন্ট্রি পূরণ করবে, off সেট করলে পূরণ করতে দেবে না।
এখন <input> এলিমেন্টের autocomplete অ্যাট্রিবিউট বাস্তবায়নের উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>পয়েন্টসমূহ</h2> <form action = "" method = "get"> খেলোয়াড় - <input type = "text" name = "player" autocomplete = "on"><br> র্যাঙ্ক - <input type = "number" name = "rank"><br> পয়েন্ট - <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">জমা দিন</button> </form> </body> </html>
এটি নিচের আউটপুট দেবে। ধরা যাক আমরা পূর্বে কিছু মান দিয়ে থাকি এবং এখন autocomplete সেট করেছি:
উপরের উদাহরণে, আমরা একটি ফর্ম যোগ করেছি:
<form action = "" method = "get"> খেলোয়াড় - <input type = "text" name = "player" autocomplete = "on"><br> র্যাঙ্ক - <input type = "number" name = "rank"><br> পয়েন্ট - <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">জমা দিন</button> </form>
আমরা ইনপুটের একটি জন্য autocomplete অন সেট করেছি:
খেলোয়াড় - <input type = "text" name = "player" autocomplete = "on">
সুতরাং, যখন আপনি Player ইনপুট টাইপে কার্সর রাখবেন, তবে পূর্বে দিয়ে থাকা মানগুলো দেখতে পাবেন।
