HTML DOM ইনপুট সার্চ স্বয়ংসম্পূর্ণ বৈশিষ্ট্যটি এলিমেন্টের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের সাথে type=”search” যুক্ত। স্বয়ংসম্পূর্ণ বৈশিষ্ট্যটি "চালু" বা "বন্ধ" মান নেয়। অন মান নির্দিষ্ট করে যে ওয়েব ব্রাউজারকে অবশ্যই পূর্ববর্তী ইনপুটের উপর ভিত্তি করে স্বয়ংক্রিয়ভাবে ব্যবহারকারীর পাঠ্য সম্পূর্ণ করতে হবে যখন মিথ্যা বলে অন্যথায়।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলস্বয়ংসম্পূর্ণ সম্পত্তি সেট করা হচ্ছে -
searchObject.autocomplete = "on|off"
এখানে, মানে ওয়েব ব্রাউজার পূর্ববর্তী ইনপুটের উপর ভিত্তি করে স্বয়ংক্রিয়ভাবে ব্যবহারকারীর ইনপুট সম্পূর্ণ করবে যখন মিথ্যা বলে যে এটি পূর্ববর্তী ইনপুটের উপর ভিত্তি করে ব্যবহারকারীর কোনো ইনপুট সম্পূর্ণ করবে না। এটিতে ডিফল্টরূপে মান সেট করা আছে৷
উদাহরণ
ইনপুট অনুসন্ধান স্বয়ংসম্পূর্ণ সম্পত্তি -
-এর জন্য একটি উদাহরণ দেখা যাক<!DOCTYPE html>
<html>
<body>
<h1>Input Search autocomplete property</h1>
<form action="/Sample_page.php">
FRUITS: <input type="search" id="SEARCH1" name="fruits" autocomplete="on"><br><br>
<input type="submit">
</form>
<p>Off the autocomplete in the above search field by clicking on the below button</p>
<button onclick="changeAuto()">Autocomplete Off</button>
<p id="Sample"></p>
<script>
function changeAuto() {
document.getElementById("SEARCH1").autocomplete = "off";
document.getElementById("Sample").innerHTML = "Your text will not autocomplete now";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
উপরের ক্ষেত্রে কিছু টেক্সট টাইপ করার সময়, আপনি আপনার আগের ইনপুটের উপর ভিত্তি করে আপনার পাঠ্য স্বয়ংসম্পূর্ণ দেখতে পাবেন -
"স্বয়ংসম্পূর্ণ বন্ধ" বোতামে ক্লিক করলে, স্বয়ংক্রিয়ভাবে সম্পূর্ণ পাঠ্যটি ক্যাপচার করা হবে না -
উপরের উদাহরণে -
আমরা প্রথমে type=”search”, name=”fruits” সহ একটি উপাদান তৈরি করেছি এবং এর স্বয়ংসম্পূর্ণ বৈশিষ্ট্য চালু করেছি। এটি নিশ্চিত করে যে পাঠ্যটি আমাদের পূর্ববর্তী ইনপুটের উপর ভিত্তি করে সম্পূর্ণ হবে। সার্ভার −
-এ ফর্ম ডেটা জমা দেওয়ার জন্য সার্চ ফিল্ডটি একটি ফর্মের ভিতরে রয়েছে যাতে একটি জমা বোতামও থাকে।<form action="/Sample_page.php"> FRUITS: <input type="search" id="SEARCH1" name="fruits" autocomplete="on"><br><br> <input type="submit"> </form>
তারপরে আমরা একটি "স্বয়ংক্রিয়ভাবে বন্ধ" বোতাম তৈরি করি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeAuto() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeAuto()">Autocomplete Off</button>
changeAuto() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে "অনুসন্ধান" টাইপ সহ <ইনপুট> উপাদান পায় এবং এর স্বয়ংসম্পূর্ণ বৈশিষ্ট্য মান বন্ধ করে দেয়। এর অর্থ হল পাঠ্যটি এখন স্বয়ংসম্পূর্ণ হবে না এবং ব্যবহারকারীকে সম্পূর্ণ পাঠ্য ম্যানুয়ালি টাইপ করতে হবে। তারপরে আমরা এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে এই পরিবর্তন সম্পর্কিত বার্তাটি প্রদর্শন করি -
function changeAuto() {
document.getElementById("SEARCH1").autocomplete = "off";
document.getElementById("Sample").innerHTML = "Your text will not autocomplete now";
} 