HTML DOM ফর্ম স্বয়ংসম্পূর্ণ বৈশিষ্ট্যটি ফর্ম উপাদানের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের সাথে যুক্ত। স্বয়ংসম্পূর্ণ বৈশিষ্ট্য ব্যবহার করে আমরা প্রদত্ত ফর্মের স্বয়ংসম্পূর্ণ বৈশিষ্ট্য মান সেট বা ফেরত দিতে পারি। এই বৈশিষ্ট্যটি নির্দিষ্ট করে যে ইনপুট ক্ষেত্রটি পূর্বে পাঠ্য ক্ষেত্রের মধ্যে লেখা পাঠ্যের উপর ভিত্তি করে ব্যবহারকারীর দ্বারা লেখা পাঠ্য স্বয়ংসম্পূর্ণ করা উচিত কিনা৷
স্বয়ংসম্পূর্ণ বৈশিষ্ট্য নির্দিষ্ট ইনপুট ক্ষেত্রের জন্য বন্ধ করা যেতে পারে যদি ফর্মের জন্য স্বয়ংসম্পূর্ণ সেট করা থাকে এবং এটি বিপরীতের ক্ষেত্রেও সত্য হয়৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলস্বয়ংসম্পূর্ণ সম্পত্তি −
সেট করুনformObject.autocomplete = on|off
এখানে, ডিফল্টরূপে "চালু" হয় এবং ব্রাউজার পূর্ববর্তী পাঠ্যের উপর ভিত্তি করে ব্যবহারকারীর মানগুলি স্বয়ংসম্পূর্ণ করার চেষ্টা করে। এটিকে বন্ধ করার অর্থ হল ব্রাউজার ব্যবহারকারীর ইনপুট সম্পূর্ণ করবে না এবং ব্যবহারকারীকে নিজেই মান টাইপ করতে হবে৷
উদাহরণ
আসুন স্বয়ংসম্পূর্ণ সম্পত্তি -
-এর একটি উদাহরণ দেখি<!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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
পরিবর্তন বোতামে ক্লিক করলে এবং ব্যবহারকারীর নাম ক্ষেত্রের পাঠ্য টাইপ করুন -
উপরের উদাহরণে -
আমরা id=“Form1” সহ একটি ফর্ম তৈরি করেছি এবং স্বয়ংসম্পূর্ণকে “off” এ সেট করেছি। এর মানে হল যে এই পাঠ্যটি স্বয়ংসম্পূর্ণ করার জন্য ব্যবহারকারীকে ওয়েব ব্রাউজার থেকে কোনও সাহায্য ছাড়াই মানগুলি টাইপ করতে হবে৷ ফর্মটিতে একটি পাঠ্য ক্ষেত্র এবং একটি পাসওয়ার্ড ক্ষেত্রও রয়েছে −
<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>
তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeAuto() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeAuto()">CHANGE</button>
changeAuto() মেথড getElementById() মেথড ব্যবহার করে ফর্ম এলিমেন্ট পায় এবং এটিকে "অফ" থেকে "চালু" এ সেট করে। আইডি "নমুনা" সহ একটি অনুচ্ছেদের অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে আমরা ব্যবহারকারীকে পাঠ্য প্রদর্শন করে এই পরিবর্তনটি দেখাই -
function changeAuto() { document.getElementById("FORM1").autocomplete = "on"; document.getElementById("Sample").innerHTML = "The input text will now be autocomplete "; }