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

HTML DOM Input URL value प्रॉपर्टी एक स्ट्रिंग लौटाती है यदि इनपुट URL का value एट्रिब्यूट परिभाषित है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

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

स्ट्रिंग मान प्राप्त करना

inputURLObject.value

value एट्रिब्यूट को स्ट्रिंग मान पर सेट करना

inputURLObject.value = 'String'

उदाहरण

आइए Input URL value प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input URL value</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-value</legend> 
        <label for="URLSelect">URL Id: <input type="url" id="URLSelect"> <input type="button" onclick="getUserURL('google')" value="Google"> <input type="button" onclick="getUserURL('bing')" value="Bing"><br> 
        <input type="button" onclick="redirection()" value="Go"> 
        </label> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    function getUserURL(userName) { 
        if(userName === 'google') 
            inputURL.value = 'https://www.google.com'; 
        else 
            inputURL.value = 'https://www.bing.com'; 
    } 
    function redirection() { 
        if(inputURL.value !== '') 
            divDisplay.textContent = 'Redirecting to '+inputURL.value; 
        else 
            divDisplay.textContent = 'Enter URL'; 
    } 
</script> </body> </html>

आउटपुट

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

खाली URL फ़ील्ड के साथ 'Go' बटन पर क्लिक करने पर:

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

URL फ़ील्ड सेट होने के बाद 'Go' बटन पर क्लिक करने पर: