কম্পিউটার টিউটোরিয়াল

HTML DOM Input Time অবজেক্ট

HTML DOM Input Time অবজেক্ট টাইপ টাইমের একটি ইনপুট HTML এলিমেন্টকে রিপ্রেজেন্ট করে।

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

টাইপ time সহ <input> তৈরি:

var timeObject = document.createElement("input"); timeObject.type = "time";

অ্যাট্রিবিউটসমূহ (Attributes)

এখানে "time" নিম্নলিখিত অ্যাট্রিবিউটগুলো থাকতে পারে:

অ্যাট্রিবিউটস বিবরণ
autocomplete টাইম ফিল্ডের autocomplete অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে
autofocus প্রাথমিক পেজ লোডে টাইম ফিল্ড ফোকাস হবে কিনা সংজ্ঞায়িত করে
defaultValue টাইম ফিল্ডের ডিফল্ট মান সেট/রিটার্ন করে
disabled টাইম ফিল্ড ডিজেবল/ইনেবল সংজ্ঞায়িত করে
form টাইম ফিল্ড ধারণকারী এনক্লোজিং ফর্মের রেফারেন্স ফেরত দেয়
max টাইম ফিল্ডের max অ্যাট্রিবিউটের মান রিটার্ন/সেট করে
min টাইম ফিল্ডের min অ্যাট্রিবিউটের মান রিটার্ন/সেট করে
name টাইম ফিল্ডের name অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে
readOnly টাইম ফিল্ড রিড-অনলি কিনা সংজ্ঞায়িত করে
required ফর্ম সাবমিটের জন্য টাইম ফিল্ড বাধ্যতামূলক কিনা সংজ্ঞায়িত করে
step টাইম ফিল্ডের step অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে
type টাইম ফিল্ডের ফর্ম এলিমেন্ট টাইপ ফেরত দেয়
value টাইম ফিল্ডের value অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে

মেথডসমূহ (Methods)

এছাড়া নিম্নলিখিত মেথডগুলোও থাকে:

বুলিয়ান মান বিবরণ
stepDown টাইম ফিল্ড কত মিনিট কমাবে তা সংজ্ঞায়িত করে।
stepUp টাইম ফিল্ড কত মিনিট বাড়াবে তা সংজ্ঞায়িত করে।

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Time form</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 id="Physics"> 
<fieldset> 
<legend>Time-form</legend> 
<label for="TimeSelect">Examination Time : <input type="time" id="TimeSelect" value="14:00" disabled> </label> 
<input type="button" onclick="getform()" value="Which Exam?"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function getform() { 
        divDisplay.textContent = inputTime.form.id+' exam starts from '+inputTime.value; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Which Exam?' বাটনে ক্লিক করার আগে:

HTML DOM Input Time অবজেক্ট

'Which Exam?' বাটন চেক করার পর:

HTML DOM Input Time অবজেক্ট

  1. HTML DOM Input Search অবজেক্ট

  2. HTML DOM ইনপুট টেক্সট অবজেক্ট

  3. HTML DOM Input Password অবজেক্ট

  4. HTML DOM Time অবজেক্ট