HTML DOM ইনপুট সপ্তাহ অবজেক্ট

HTML DOM ইনপুট সপ্তাহ অবজেক্ট টাইপ সপ্তাহ সহ একটি ইনপুট HTML উপাদান উপস্থাপন করে।

সিনট্যাক্স

নিচের সিনট্যাক্স −

একটি তৈরি করা হচ্ছে সপ্তাহ টাইপ সহ

var weekObject = document.createElement(“INPUT”);
weekObject.type = “week”;

গুণাবলী

এখানে, “weekObject” নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -

গুণাবলী	বিবরণ
স্বয়ংক্রিয়ভাবে সম্পূর্ণ	এটি সপ্তাহের ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের মান নির্ধারণ করে
অটোফোকাস	সপ্তাহের ক্ষেত্রটি প্রাথমিক পৃষ্ঠা লোডের উপর ফোকাস করা উচিত কিনা তা নির্ধারণ করে।
ডিফল্ট মান	এটি সপ্তাহের ক্ষেত্রের ডিফল্ট মান সেট/রিটার্ন করে
অক্ষম	এটি নির্ধারণ করে যদি সপ্তাহের ক্ষেত্র নিষ্ক্রিয়/সক্রিয় করা হয়
ফর্ম	এটি এনক্লোজিং ফর্মের একটি রেফারেন্স প্রদান করে যাতে সপ্তাহের ক্ষেত্র রয়েছে
সর্বোচ্চ	এটি সপ্তাহের ক্ষেত্রের সর্বাধিক বৈশিষ্ট্যের মান প্রদান করে/সেট করে
মিনিট	এটি সপ্তাহের ক্ষেত্রের ন্যূনতম বৈশিষ্ট্যের মান প্রদান করে/সেট করে
নাম	এটি সপ্তাহের ক্ষেত্রের নামের বৈশিষ্ট্যের মান নির্ধারণ করে
Only read	এটি সংজ্ঞায়িত করে যদি সপ্তাহের ক্ষেত্রটি শুধুমাত্র পঠিত হয় বা না হয়
প্রয়োজনীয়	ফর্মটি জমা দেওয়ার জন্য সপ্তাহের ক্ষেত্রটি পূরণ করা বাধ্যতামূলক কিনা তা নির্ধারণ করে
পদক্ষেপ	এটি সপ্তাহের ক্ষেত্রের ধাপের বৈশিষ্ট্যের মান নির্ধারণ করে
টাইপ	এটি সপ্তাহের ক্ষেত্রের ফর্ম উপাদানের ধরন প্রদান করে
মান	এটি সপ্তাহের ক্ষেত্রের মান বৈশিষ্ট্যের মান নির্ধারণ করে

পদ্ধতি

এবং, এছাড়াও নিম্নলিখিত পদ্ধতিগুলি -

বুলিয়ান ভ্যালু	বিশদ বিবরণ
পদক্ষেপ	এটি সপ্তাহের ক্ষেত্রটি কত সপ্তাহ কমবে তা নির্ধারণ করে।
পদক্ষেপ	এটি সপ্তাহের ক্ষেত্রটি কত সপ্তাহ বাড়ানো উচিত তা নির্ধারণ করে।

উদাহরণ

আসুন ইনপুট সপ্তাহ ফর্মের একটি উদাহরণ দেখি সম্পত্তি -

<!DOCTYPE html>
<html>
<head>
<title>Input Week 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="Mid-Term">
<fieldset>
<legend>Week-form</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" value="2019-W36">
</label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form><script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   function showExamination() {
      divDisplay.textContent = 'Examinations: '+inputWeek.form.id;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

‘এই সপ্তাহে কোন পরীক্ষা আছে?’ ক্লিক করার আগে বোতাম -

HTML DOM ইনপুট সপ্তাহ অবজেক্ট

‘এই সপ্তাহে কোন পরীক্ষা আছে?’ চেক করার পর বোতাম -

HTML DOM ইনপুট সপ্তাহ অবজেক্ট