In this article, you will learn how to accept date, time, both date & time, month and week from the user in HTML.

In HTML, there are various formats to accept Date and Time from the user. For example, we can input time only, date only, both date & time and so on.

Input Date and Time in HTML πŸ“†

It allows us to select both date and time.

  • Set the type attribute of input element to datetime-local.
  • Use min and max attributes, to allow user to select the date and time within a given date range.
HTML Input - Date and Time

Input Date in HTML πŸ“…

It allows us to select date only.

  • Set the type attribute of input element to date.
  • In some browsers, it will either render a textbox that validates the date or a special date picker interface.
  • To select the date within a given range by using min and max attributes.
HTML Input - Date Only

Input Time in HTML ⏲

It allows us to select time only.

  • Set the type attribute of input element to time.
  • Use min and max attributes to select the time within a given time period.
HTML Input - Time Only

Input Month in HTML

It allows us to select month only.

  • Set the type attribute of input element to month.
  • Use min and max attributes to restrict the month range along with years.
HTML Input - Month Only

Input Week in HTML

It allows us to select week only.

  • Set the type attribute of input element to week.
  • Use min and max attributes to select the week number range along with years.
HTML Input - Week Only

Learn more about various input types in HTML by clicking here.


Categorized in: