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

HTML DOM Input Time type প্রপার্টি ইনপুট টাইম এলিমেন্টের টাইপ (type) ফেরত দেয় বা সেট করে।

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

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

inputTimeObject.type

টাইপ স্ট্রিং মান সেট করার জন্য (Setting type to string value)

inputTimeObject.type = stringValue

স্ট্রিং মান (String Values)

এখানে "stringValue" নিম্নলিখিত موارد হতে পারে:

stringValue	বিবরণ
time	ইনপুট টাইপ টাইম বলে সংজ্ঞায়িত করে
datetime-local	ইনপুট টাইপ ডেটাইম-লোকাল বলে সংজ্ঞায়িত করে
checkbox	ইনপুট টাইপ চেকবক্স বলে সংজ্ঞায়িত করে
text	ইনপুট টাইপ টেক্সট বলে সংজ্ঞায়িত করে

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Time type</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-type</legend> 
<label for="TimeSelect"></label> 
<input type="time" id="TimeSelect"> 
<input type="button" onclick="getTypeOfInput()" value="What input is expected?"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var labelDisplay = document.querySelector("label"); 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function getTypeOfInput() { 
        labelDisplay.textContent = 'Time: '; 
        divDisplay.textContent = 'Input of type time (hh:mm:ss.ms) is expected'; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'What input is expected?' বাটনে ক্লিক করার আগে:

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

'What input is expected?' বাটনে ক্লিক করার পর:

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