एचटीएमएल डोम इनपुट यूआरएल मूल्य संपत्ति

<घंटा/>

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

सिंटैक्स

निम्नलिखित वाक्य रचना है -

स्ट्रिंग मान लौटाना

inputURLObject.value

मान विशेषता को स्ट्रिंग मान पर सेट करना

inputURLObject.value = ‘String’

उदाहरण

आइए इनपुट URL मान . के लिए एक उदाहरण देखें संपत्ति -

<!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 फ़ील्ड वाला बटन -

एचटीएमएल डोम इनपुट यूआरएल मूल्य संपत्ति

'बिंग' . क्लिक करने के बाद बटन -

एचटीएमएल डोम इनपुट यूआरएल मूल्य संपत्ति

'जाओ' . क्लिक करने के बाद url फ़ील्ड सेट वाला बटन -

एचटीएमएल डोम इनपुट यूआरएल मूल्य संपत्ति