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?' বাটনে ক্লিক করার আগে:

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