HTML DOM ইনপুট টাইম অবজেক্ট একটি ইনপুট এইচটিএমএল উপাদানকে টাইপ টাইপ সহ প্রতিনিধিত্ব করে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
একটি তৈরি করা হচ্ছে টাইপ সময়ের সাথে
var timeObject = document.createElement(“input”); timeObject.type = “time”;
গুণাবলী
এখানে, "সময়" নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -
| গুণাবলী | বিবরণ |
|---|---|
| স্বয়ংক্রিয়ভাবে সম্পূর্ণ | এটি একটি সময় ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের মান নির্ধারণ করে |
| অটোফোকাস | সময় ক্ষেত্রটি প্রাথমিক পৃষ্ঠা লোডের উপর ফোকাস করা উচিত কিনা তা নির্ধারণ করে। |
| ডিফল্ট মান | এটি সময় ক্ষেত্রের ডিফল্ট মান সেট/রিটার্ন করে |
| অক্ষম | সময় ক্ষেত্র নিষ্ক্রিয়/সক্ষম থাকলে তা নির্ধারণ করে |
| ফর্ম | এটি এনক্লোজিং ফর্মের একটি রেফারেন্স প্রদান করে যাতে সময় ক্ষেত্র রয়েছে |
| সর্বোচ্চ | এটি সময় ক্ষেত্রের সর্বাধিক বৈশিষ্ট্যের মান প্রদান করে/সেট করে |
| মিনিট | এটি টাইম ফিল্ডের মিন অ্যাট্রিবিউটের মান প্রদান করে/সেট করে |
| নাম | এটি একটি সময় ক্ষেত্রের নামের বৈশিষ্ট্যের মান নির্ধারণ করে |
| Only read | এটি নির্ধারণ করে যদি টাইম ফিল্ড শুধুমাত্র পঠিত হয় বা না হয় |
| প্রয়োজনীয় | ফর্মটি জমা দেওয়ার জন্য সময় ক্ষেত্রটি পূরণ করা বাধ্যতামূলক কিনা তা নির্ধারণ করে |
| পদক্ষেপ | এটি সময় ক্ষেত্রের ধাপের বৈশিষ্ট্যের মান নির্ধারণ করে |
| টাইপ | এটি সময় ক্ষেত্রের ফর্ম উপাদানের ধরন প্রদান করে |
| মান | এটি একটি সময় ক্ষেত্রের মান বৈশিষ্ট্যের মান নির্ধারণ করে |
পদ্ধতি
এবং, এছাড়াও নিম্নলিখিত পদ্ধতিগুলি -
| বুলিয়ান ভ্যালু | বিশদ বিবরণ |
|---|---|
| পদক্ষেপ | এটি নির্দিষ্ট করে কত মিনিট সময় ক্ষেত্রটি হ্রাস করা উচিত। |
| পদক্ষেপ | এটি নির্দিষ্ট করে কত মিনিট সময় ক্ষেত্রটি বাড়ানো উচিত। |
উদাহরণ
আসুন ইনপুট টাইম ফর্মের উদাহরণ দেখি সম্পত্তি -
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'কোন পরীক্ষা?' ক্লিক করার আগে বোতাম -
'কোন পরীক্ষা?' চেক করার পর বোতাম -
