ফর্ম উপাদান সম্পর্কে এবং কীভাবে একটি ফর্মকে ইন্টারেক্টিভ করা যায় তা শেখার পরে, আসুন দেখি কীভাবে আপনি ব্যবহারকারীদের ডেটা পুনরায় প্রবেশ করা এড়াতে সহায়তা করতে পারেন৷
অটোফিলের সবচেয়ে বেশি সুবিধা নিন
ফর্ম পূরণ করা সময়সাপেক্ষ হতে পারে। উদাহরণস্বরূপ, প্রতিটি সাইটে যেখানে আপনি কিছু কিনতে চান সেখানে বারবার আপনার ঠিকানা পুনঃপ্রবেশ করা একটি দুর্দান্ত কেনাকাটার অভিজ্ঞতা নয়।
অটোফিল আপনাকে এখানে সাহায্য করতে পারে। আপনি একবার আপনার ঠিকানা লিখুন। এখন থেকে, আপনার ব্রাউজার আপনাকে স্বয়ংক্রিয়ভাবে অন্যান্য ফর্মের জন্য একই ঠিকানা পূরণ করার বিকল্প অফার করবে।
আপনি কি অন্য শহরে চলে গেছেন? পুরানো ঠিকানা চিরতরে বিকল্প হিসাবে পাওয়ার বিষয়ে চিন্তা করবেন না। আপ-টু-ডেট রাখতে আপনার ব্রাউজার আপনার জন্য সংরক্ষিত ঠিকানার ডেটা আপনি সম্পাদনা করতে পারেন।
ব্রাউজারে অটোফিল কীভাবে কাজ করে?
একটি ঠিকানা ক্ষেত্র বিভিন্ন সাইটে খুব আলাদা দেখতে পারে। কিভাবে একটি ব্রাউজার জানে যে এটি একটি ঠিকানা ক্ষেত্র?
ব্রাউজার একটি ঠিকানা ক্ষেত্র সনাক্ত করতে হিউরিস্টিক ব্যবহার করে। name , type এবং id বৈশিষ্ট্যগুলির মানগুলি কী কী? ফর্ম নিয়ন্ত্রণে একটি autocomplete বৈশিষ্ট্য উপস্থিত আছে কি?
এই তথ্যের উপর ভিত্তি করে, ব্রাউজারগুলি একই ধরণের পূর্বে প্রবেশ করা ডেটা সহ একটি ক্ষেত্র স্বয়ংক্রিয়ভাবে পূরণ করার বিকল্প অফার করতে পারে। ব্রাউজারগুলি এমনকি একটি সম্পূর্ণ ফর্ম স্বয়ংক্রিয়ভাবে পূরণ করার প্রস্তাব দিতে পারে।
অটোফিল সহ ব্রাউজারদের সাহায্য করুন
ব্রাউজারগুলিকে সঠিক অটোফিল বিকল্পগুলি অফার করতে সাহায্য করতে আপনি কী করতে পারেন তা দেখা যাক৷
বুদ্ধিমান বৈশিষ্ট্য মান ব্যবহার করুন
আপনি যেমন শিখেছেন, ব্রাউজারগুলি একটি ফর্ম নিয়ন্ত্রণের বৈশিষ্ট্যগুলি দেখে ডেটা টাইপ সনাক্ত করতে পারে৷
<label for="email">Email</label>
<input type="email" name="email" id="email">
আপনার কি এমন একটি ক্ষেত্র আছে যেখানে ব্যবহারকারীদের তাদের ইমেল ঠিকানা লিখতে হবে? name , id এবং type অ্যাট্রিবিউটের মান হিসাবে email ব্যবহার করুন। ব্রাউজারের জন্য তিনটি ইঙ্গিত যে এটি একটি ইমেল ক্ষেত্র।
স্বয়ংসম্পূর্ণ বৈশিষ্ট্য
আরও কিছু উদাহরণ আছে যেখানে ব্রাউজারদের জন্য শুধুমাত্র name , id এবং type অ্যাট্রিবিউট থেকে ডেটা টাইপ শনাক্ত করা কঠিন হতে পারে। আপনি autocomplete বৈশিষ্ট্য ব্যবহার করে এখানে সাহায্য করতে পারেন।
আপনি যে ব্রাউজারটি ব্যবহার করছেন সেটিতে আপনি কি আগে একটি নাম লিখেছেন? ব্রাউজার সম্ভবত আপনাকে ডেমোতে এই ক্ষেত্রের জন্য এটি পুনরায় পূরণ করার বিকল্প অফার করবে।
আপনি পরবর্তী মডিউলে স্বয়ংসম্পূর্ণ এবং অটোফিল ব্যবহার সম্পর্কে আরও শিখতে পারেন।
আপনার উপলব্ধি পরীক্ষা করুন
অটোফিল সম্পর্কে আপনার জ্ঞান পরীক্ষা করুন
কোন বৈশিষ্ট্যের উপর ভিত্তি করে অটোফিল দেওয়া হয়?
name বৈশিষ্ট্য।type অ্যাট্রিবিউটautocomplete বৈশিষ্ট্য