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

HTML DOM Input URL defaultValue প্রপার্টি URL ইনপুটের সংশ্লিষ্ট ডিফল্ট মান সেট বা রিটার্ন করে। ব্যবহারকারী URL ইনপুটে টাইপ করলে value অ্যাট্রিবিউট পরিবর্তন হয় কিন্তু ডিফল্ট মান পরিবর্তন হয় না।

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

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

inputURLObject.defaultValue

defaultValue স্ট্রিং সেট করার জন্য (Setting defaultValue to string)

inputURLObject.defaultValue = 'string'

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL defaultValue</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-defaultValue</legend> 
<label for="URLSelect">URL : <input type="url" id="URLSelect" size="25" value="https://www.google.com"> </label> 
<input type="button" onclick="getDefaultValue()" value="Reset Default Value"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'defaultValue: '+inputURL.defaultValue; 
    function getDefaultValue() { 
        var currentValue = inputURL.value; 
        divDisplay.textContent = 'Value - '+inputURL.value+' resets to - '+inputURL.defaultValue; 
        inputURL.value = inputURL.defaultValue; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Reset Default Value' বাটনে ক্লিক করার আগে:

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

পরিবর্তিত URL সহ 'Reset Default Value' বাটনে ক্লিক করার পর:

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