HTML DOM ইনপুট মাস অবজেক্ট উপাদানকে type=”month” সহ উপস্থাপন করে।
আসুন ইনপুট মাস অবজেক্ট তৈরি করি -
সিনট্যাক্স
নিচের সিনট্যাক্স −
var monthInput = document.createElement(“INPUT”); monthInput.setAttribute(“type”,”month”);
সম্পত্তি
HTML DOM ইনপুট মাস অবজেক্ট -
এর বৈশিষ্ট্যগুলি নীচে দেওয়া হল| সম্পত্তি | ব্যাখ্যা |
|---|---|
| স্বয়ংক্রিয়ভাবে সম্পূর্ণ | এটি মাসের ইনপুট ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের মান ফেরত দেয় এবং পরিবর্তন করে। |
| অটোফোকাস | এটি ফিরে আসে এবং পৃষ্ঠা লোড করার সময় ইনপুট মাসের ক্ষেত্রটি ফোকাস করা উচিত কিনা তা পরিবর্তন করে৷ |
| অক্ষম | এটি ফিরে আসে এবং ইনপুট মাসের ক্ষেত্রটি নিষ্ক্রিয় কিনা তা সংশোধন করে৷ |
| ডিফল্ট মান | এটি রিটার্ন করে এবং ইনপুট মাসের ক্ষেত্রের ডিফল্ট মান পরিবর্তন করে। |
| ফর্ম | এটি HTML নথিতে ইনপুট মাস ক্ষেত্র ধারণ করে ফর্মের রেফারেন্স প্রদান করে৷ |
| তালিকা | এটি ডেটালিস্টের রেফারেন্স প্রদান করে যাতে ইনপুট মাস ফিল্ড থাকে। |
| সর্বোচ্চ | এটি ইনপুট মাসের ফিল্ডের সর্বোচ্চ বৈশিষ্ট্যের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| মিনিট | এটি ইনপুট মাসের ফিল্ডের মিন অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| নাম | এটি ইনপুট মাসের ফিল্ডের নামের বৈশিষ্ট্যের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| Only read | এটি ফিরে আসে এবং ইনপুট মাসের ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য কিনা তা সংশোধন করে৷ |
| প্রয়োজনীয় | এটি ফিরে আসে এবং ফর্মটি জমা দেওয়ার আগে মাসের ক্ষেত্রটি অবশ্যই পূরণ করতে হবে কিনা তা সংশোধন করে৷ |
| পদক্ষেপ | এটি ইনপুট মাস ফিল্ডের সেট অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| টাইপ | এটি মাসের ইনপুট ক্ষেত্রের প্রকার বৈশিষ্ট্যের মান প্রদান করে। |
| মান | এটি মাসের ইনপুট ক্ষেত্রের মান বৈশিষ্ট্যের বিষয়বস্তু ফিরিয়ে দেয় এবং পরিবর্তন করে। |
পদ্ধতি
HTML DOM ইনপুট মাস অবজেক্ট
এর পদ্ধতিগুলি নীচে দেওয়া হল| পদ্ধতি | ব্যাখ্যা |
|---|---|
| stepUp() | এটি ইনপুট মাসের ফিল্ডের মান তার প্যারামিটারে নির্দিষ্ট করা মান দ্বারা বৃদ্ধি করে। |
| পদক্ষেপ () | এটি ইনপুট মাসের ফিল্ডের মানকে এর প্যারামিটারে নির্দিষ্ট করা মান দ্বারা হ্রাস করে। |
উদাহরণ
আসুন HTML DOM ইনপুট মাস অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
background-color:#fff;
color:#0197F6;
}
h1{
color:#23CE6B;
}
.btn{
background-color:#fff;
border:1.5px dashed #0197F6;
height:2rem;
border-radius:2px;
width:60%;
margin:2rem auto;
display:block;
color:#0197F6;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM Input month Object Example</h1>
<button onclick="createMonthField()" class="btn">Create an input month field</button>
<script>
function createMonthField() {
var monthInput = document.createElement("INPUT");
monthInput.setAttribute("type", "month");
monthInput.setAttribute("value", "2019-07");
document.body.appendChild(monthInput);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
“একটি ইনপুট মাসের ক্ষেত্র তৈরি করুন-এ ক্লিক করুন একটি ইনপুট মাস ক্ষেত্র তৈরি করতে ” বোতাম -
