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

HTML DOM Input Date অবজেক্ট


HTML DOM Input Date অবজেক্ট type date সহ একটি ইনপুট HTML এলিমেন্টকে রিপ্রেজেন্ট করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

  • <input> তৈরি করা type date সহ
var dateObject = document.createElement("input"); dateObject.type = "date";

অ্যাট্রিবিউটগুলো

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

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

বুলিয়ান ভ্যালু

এবং নিচের মেথডগুলোও থাকে:

বুলিয়ান ভ্যালুবিবরণ
stepDownডেট ফিল্ড কত দিন বাড়াবে তা ডিফাইন করে।
stepUp
ডেট ফিল্ড কত দিন বাড়াবে তা ডিফাইন করে।

উদাহরণ

Input Date max প্রোপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <title>Input Date Max</title> </head> <body> <form> Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31"> </form> <button onclick="getMaxDate()">Change Max Date</button> <div id="divDisplay"></div> <script>    var inputDate = document.getElementById("date");    var divDisplay = document.getElementById("divDisplay");    divDisplay.textContent = 'Max of date input: '+inputDate.max;    function getMaxDate() {       var oldInputDate = inputDate.max;       inputDate.max = '2020-12-31';       divDisplay.textContent = 'Max of date input: '+inputDate.max;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট প্রডিউস করবে:

'Change Max Date' বাটনে ক্লিক করার আগে:

HTML DOM Input Date অবজেক্ট

'Change Max Date' বাটনে ক্লিক করার পর:

HTML DOM Input Date অবজেক্ট

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

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

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

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