HTML DOM Form autocomplete প্রোপার্টি

HTML DOM Form autocomplete প্রোপার্টি ফর্ম এলিমেন্টের autocomplete অ্যাট্রিবিউটের সাথে জড়িত। autocomplete প্রোপার্টি ব্যবহার করে দেওয়া ফর্মের autocomplete অ্যাট্রিবিউটের মান সেট বা রিটার্ন করা যায়। এই প্রোপার্টি নির্দিষ্ট করে যে ইনপুট ফিল্ডে ইউজার যে টেক্সট লিখছে সেটি পূর্বে টেক্সট ফিল্ডে লেখা টেক্সটের ভিত্তিতে ব্রাউজার অটোকমপ্লিট করবে কিনা।

autocomplete প্রোপার্টি নির্দিষ্ট ইনপুট ফিল্ডের জন্য বন্ধ করা যেতে পারে যদি ফর্মের জন্য autocomplete অন থাকে, এবং এর বিপরীতটিও সত্য।

সিনট্যাক্স

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

formObject.autocomplete = on|off

এখানে, "on" ডিফল্ট এবং ব্রাউজার পূর্বের টেক্সটের ভিত্তিতে ইউজার মানগুলো অটোকমপ্লিট করার চেষ্টা করে। এটিকে off সেট করলে ব্রাউজার ইউজার ইনপুট কমপ্লিট করবে না এবং ইউজারকে নিজে মানগুলো টাইপ করতে হবে।

উদাহরণ

Autocomplete প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <head> 
<style> 
    form{ 
        border:2px solid blue; 
        margin:2px; 
        padding:4px; 
    } 
</style> 
<script> 
    function changeAuto() { 
        document.getElementById("FORM1").autocomplete = "on"; 
        document.getElementById("Sample").innerHTML = "The input text will now be autocomplete "; 
    } 
</script> </head> <body> 
<h1>Form autocomplete property example</h1> 
<form id="FORM1" autocomplete="off"> 
<label>User Name <input type="text" name="usrN"></label> <br><br> 
<label>Password <input type="password" name="pass"></label> 
</form> 
<br> 
<button onclick="changeAuto()">CHANGE</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

HTML DOM Form autocomplete প্রোপার্টি

"CHANGE" বাটনে ক্লিক করলে এবং User Name ফিল্ডে টেক্সট টাইপ করলে:

HTML DOM Form autocomplete প্রোপার্টি

ব্যাখ্যা

id="Form1" এবং autocomplete="off" সেট করে একটি ফর্ম তৈরি করা হয়েছে। এর মানে ইউজারকে নিজে মানগুলো টাইপ করতে হবে, ব্রাউজার থেকে অটোকমপ্লিটের কোনো সাহায্য পাবে না। ফর্মে একটি টেক্সট ফিল্ড এবং একটি পাসওয়ার্ড ফিল্ড আছে।
তারপর "CHANGE" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeAuto() মেথড এক্সিকিউট করবে।
changeAuto() মেথড getElementById() ব্যবহার করে ফর্ম এলিমেন্টটি পায় এবং এর autocomplete প্রোপার্টি "off" থেকে "on" এ সেট করে। প্যারাগ্রাফের (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে এই পরিবর্তন টেক্সট দিয়ে ইউজারকে দেখানো হয়।

function changeAuto() { 
    document.getElementById("FORM1").autocomplete = "on"; 
    document.getElementById("Sample").innerHTML = "The input text will now be autocomplete "; 
}