HTML DOM Input Date type প্রোপার্টি Input Date-এর টাইপ রিটার্ন/সেট করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
- স্ট্রিং মান রিটার্ন করা
inputDateObject.type
- type স্ট্রিং মানে সেট করা
inputDateObject.type = stringValue
স্ট্রিং মান
এখানে, "stringValue" নিম্নলিখিত হতে পারে:
| stringValue | বিস্তারিত |
|---|---|
| date | এটি নির্ধারণ করে যে ইনপুট টাইপ হলো date |
| radio | এটি নির্ধারণ করে যে ইনপুট টাইপ হলো radio |
| checkbox | এটি নির্ধারণ করে যে ইনপুট টাইপ হলো checkbox |
উদাহরণ
Input Date type প্রোপার্টির একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <head> <title>Input Date type</title> </head> <body> <form> <div> Calendar: <input type="date" id="dateSelect" value="2017-05-01"> </div> </form> <button onclick="changeType()">Change Type</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputDate = document.getElementById("dateSelect"); divDisplay.textContent = 'Input type: '+ inputDate.type; function changeType(){ if(inputDate.type === 'date'){ var currDate = inputDate.value; inputDate.type = 'text'; inputDate.value = currDate; } divDisplay.textContent = 'Input type: '+ inputDate.type; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
'Change Type' বাটনে ক্লিক করার আগে:
'Change Type' বাটনে ক্লিক করার পর:
