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

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

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

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

inputWeekObject.defaultValue

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

inputWeekObject.defaultValue = 'string'

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Week 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>Week-defaultValue</legend> 
<label for="WeekSelect">Target Week: <input type="week" id="WeekSelect" value="2022-W01"> </label> 
<input type="button" onclick="getDefaultValue()" value="Reset Default Value"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputWeek = document.getElementById("WeekSelect"); 
    divDisplay.textContent = 'Week: '+inputWeek.defaultValue.split("-W")[1]; 
    divDisplay.textContent += ' & Year: '+inputWeek.defaultValue.split("-W")[0]; 
    function getDefaultValue() { 
        var currentValue = inputWeek.value; 
        divDisplay.textContent = 'Value - '+inputWeek.value+' resets to - '+inputWeek.defaultValue; 
        inputWeek.value = inputWeek.defaultValue; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

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

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

উইক ইনপুট পরিবর্তন:

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

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

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