• Ask for memorable dates, like dates of birth, using the date input component.
  • Three text fields are the easiest way for users to enter most dates.
  • Set a default value for date fields.
  • Add the attribute “pattern=”[0-9]* for fileds that contain only numbers, like dates and credit card numbers. This will bring up the number keyboard instead of the full keyboard on mobile devices.


If users are trying to schedule something, a calendar picker might make more sense.


  • Do not use calendar controls as the only input option when asking for dates, like date of birth.


For example, 30 01 1978