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

HTML DOM Input URL value প্রপার্টি একটি স্ট্রিং ফেরত দেয় যদি ইনপুট URL-এর value অ্যাট্রিবিউট সংজ্ঞায়িত থাকে। ব্যবহারকারী এটি নতুন স্ট্রিংয়ে সেটও করতে পারেন।

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

স্ট্রিং মান পাওয়ার জন্য (Returning string value)

inputURLObject.value

value অ্যাট্রিবিউটে স্ট্রিং মান সেট করার জন্য (Setting value attribute to a string value)

inputURLObject.value = 'String'

উদাহরণ (Example)

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>

আউটপুট (Output)

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

খালি URL ফিল্ডে 'Go' বাটনে ক্লিক করলে:

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

URL ফিল্ড সেট থাকা অবস্থায় 'Go' বাটনে ক্লিক করলে: