HTML DOM ইনপুট তারিখ প্রকার সম্পত্তি

HTML DOM ইনপুট তারিখ টাইপ প্রপার্টি রিটার্ন করে/সেট টাইপ ইনপুট ডেট।

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

রিটার্নিং স্ট্রিং মান

inputDateObject.type

সেটিং টাইপ স্ট্রিং মান

inputDateObject.type = stringValue

স্ট্রিং মান

এখানে, “stringValue” নিম্নলিখিত −

হতে পারে

stringValue	বিশদ বিবরণ
তারিখ	এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল তারিখ
রেডিও	এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল রেডিও
চেকবক্স	এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল চেকবক্স

উদাহরণ

ইনপুট তারিখ টাইপ প্রপার্টি -

এর একটি উদাহরণ দেখা যাক

<!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>

আউটপুট

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

তৈরি করবে

'পরিবর্তন প্রকার' ক্লিক করার আগে৷ বোতাম -

HTML DOM ইনপুট তারিখ প্রকার সম্পত্তি

'পরিবর্তন প্রকার' ক্লিক করার পরে৷ বোতাম -

HTML DOM ইনপুট তারিখ প্রকার সম্পত্তি