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

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

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

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

inputTimeObject.defaultValue

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

inputTimeObject.defaultValue = 'string'

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Time 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>Time-defaultValue</legend> 
<label for="TimeSelect">Meeting At: <input type="time" id="TimeSelect" value="09:30"> </label><br> 
<input type="button" onclick="changeMeet('Alternate')" value="Alternate Meeting Time"> 
<input type="button" onclick="changeMeet('Default')" value="Default Meeting Time"><br> 
<input type="button" onclick="confirmMeet()" value="Confirm Meeting"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function changeMeet(string) { 
        if (inputTime.disabled === false) { 
            if(string === 'Alternate') 
                inputTime.value = '10:30'; 
            else 
                inputTime.value = inputTime.defaultValue; 
        } 
    } 
    function confirmMeet() { 
        inputTime.disabled = true; 
        divDisplay.textContent = 'Meeting fixed at : '+inputTime.value; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Alternate Meeting Time' বাটনে ক্লিক করার আগে:

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

'Alternate Meeting Time' বাটনে ক্লিক করে টাইম ইনপুট পরিবর্তন:

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

'Default Meeting Time' বাটনে ক্লিক করার পর:

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

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

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