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

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


ভূমিকা

HTML DOM ইনপুট টেক্সট autocomplete প্রপার্টি type="text" 가진 <input> এলিমেন্টের autocomplete এট্রিবিউটের সাথে জড়িত। autocomplete এট্রিবিউট "on" বা "off" মান নেয়। on মান নির্দেশ করে যে ওয়েব ব্রাউজার অবশ্যই পূর্বের ইনপুটের ভিত্তিতে ইউজার টেক্সট অটোমেটিক্যালি কমপ্লিট করবে, off` মানে অন্যথা।

সিনট্যাক্স

autocomplete প্রপার্টি সেট করার সিনট্যাক্স:

textObject.autocomplete = "on|off"

এখানে, on মানে ব্রাউজার পূর্বের ইনপুটের ভিত্তিতে ইউজার ইনপুট অটোমেটিক্যালি কমপ্লিট করবে, off মানে এটি ইউজার ইনপুটের কোনো অংশ কমপ্লিট করবে না। এর ডিফল্ট মান on।

উদাহরণ

নিচে ইনপুট টেক্সট autocomplete প্রপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <body> <h1>Input text autocomplete property</h1> <form action="/Sample_page.php"> USERNAME: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br> <input type="submit"> </form> <p>নিচের বাটনে ক্লিক করে উপরের টেক্সট ফিল্ডে autocomplete অফ করুন</p> <button onclick="changeAuto()">Autocomplete Off</button> <p id="Sample"></p> <script>    function changeAuto() {       document.getElementById("TEXT1").autocomplete = "off";       document.getElementById("Sample").innerHTML = "Your text will not autocomplete now";    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুটটি তৈরি করবে:

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

উপরের ফিল্ডে কিছু টেক্সট টাইপ করে এবং একাধিকবার সাবমিট করে আপনার টেক্সট অটোকমপ্লিট দেখুন:

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

"Autocomplete Off" বাটনে ক্লিক করার পর:

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

  1. HTML DOM ইনপুট টেক্সট name প্রপার্টি

  2. HTML DOM ইনপুট টেক্সট maxLength প্রপার্টি

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

  4. HTML DOM Title text প্রপার্টি