HTML DOM Input URL autocomplete प्रॉपर्टी

HTML DOM Input URL autocomplete प्रॉपर्टी सेट/लौटाती है कि ऑटोकंप्लीट इनेबल्ड है या डिसेबल्ड। यदि इनेबल्ड है तो यह पहले से टाइप किए गए मान दिखाता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

मान प्राप्त करना - on/off

inputURLObject.autocomplete

autocomplete को मान पर सेट करना

inputURLObject.autocomplete = value

मान (Values)

यहां "value" निम्नलिखित हो सकते हैं:

value	विवरण
on	यह परिभाषित करता है कि इनपुट का ऑटोकंप्लीट एट्रिब्यूट इनेबल्ड है।
off	यह परिभाषित करता है कि इनपुट का ऑटोकंप्लीट एट्रिब्यूट डिसेबल्ड है।

उदाहरण

आइए 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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

'Enable Suggestions' बटन पर क्लिक करने से पहले:

HTML DOM Input URL autocomplete प्रॉपर्टी

'Enable Suggestions' बटन पर क्लिक करने के बाद:

HTML DOM Input URL autocomplete प्रॉपर्टी