HTML DOM Input URL autocomplete প্রপার্টি

HTML DOM Input URL autocomplete প্রপার্টি অটোকমপ্লিট সক্ষম বা ডিজেবল আছে কিনা তা সেট বা রিটার্ন করে। সক্ষম থাকলে পূর্বে টাইপ করা মানগুলো দেখায়।

সিনট্যাক্স (Syntax)

মান পাওয়ার জন্য - on/off (Returning value - on/off)

inputURLObject.autocomplete

autocomplete মান সেট করার জন্য (Setting autocomplete to value)

inputURLObject.autocomplete = value

মান (Values)

এখানে "value" নিম্নলিখিত موارد হতে পারে:

value	বিবরণ
on	ইনপুটে অটোকমপ্লিট অ্যাট্রিবিউট সক্ষম আছে বলে সংজ্ঞায়িত করে।
off	ইনপুট অটোকমপ্লিট অ্যাট্রিবিউট ডিজেবল আছে বলে সংজ্ঞায়িত করে।

উদাহরণ (Example)

Input URL autocomplete প্রপার্টির একটি উদাহরণ দেখুন:

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL autocomplete</title> 
<style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> 
</head> 
<body> 
<form> 
<fieldset> 
<legend>URL-autocomplete</legend> 
<label for="URLSelect">URL : <input type="url" id="URLSelect" placeholder="eg: https://www.xyz.com/" autocomplete="off" autofocus> </label> 
<input type="button" onclick="addAutocomplete()" value="Enable Suggestions"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Suggestions: '+inputURL.autocomplete; 
    function addAutocomplete() { 
        inputURL.autocomplete = 'on'; 
        divDisplay.textContent = 'Suggestions: '+inputURL.autocomplete; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

'Enable Suggestions' বাটনে ক্লিক করার আগে:

HTML DOM Input URL autocomplete প্রপার্টি

'Enable Suggestions' বাটনে ক্লিক করার পর:

HTML DOM Input URL autocomplete প্রপার্টি