1. Color input type

    Form field allowing the user to select a color.

  2. Date and time input types

    Form field widgets to easily allow users to enter a date, time or both, generally by using a calendar/time input widget. Refers to supporting the following input types: `date`, `time`, `datetime-local`, `month` & `week`.

  3. Email, telephone & URL input types

    Text input fields intended for email addresses, telephone numbers or URLs. Particularly useful in combination with [form validation](https://caniuse.com/#feat=form-validation)

  4. accept attribute for file input

    Allows a filter to be defined for what type of files a user may pick with from an `<input type="file">` dialog

  5. Directory selection from file input

    The `webkitdirectory` attribute on the `<input type="file">` element allows entire directory with file contents (and any subdirectories) to be selected.

  6. Number input type

    Form field type for numbers.

  7. Range input type

    Form field type that allows the user to select a value using a slider widget.

  8. Search input type

    Search field form input type. Intended to look like the underlying platform's native search field widget (if there is one). Other than its appearance, it's the same as an `<input type="text">`.

  9. maxlength attribute for input and textarea elements

    Declares an upper bound on the number of characters the user can input. Normally the UI ignores attempts by the user to type in additional characters beyond this limit.

  10. html element: input: `type="button"`

  11. html element: input: `type="checkbox"`

  12. html element: input: `type="color"`

  13. html element: input: `type="color"`: `list` attribute

  14. html element: input: `type="date"`

  15. html element: input: `type="datetime-local"`

  16. html element: input: `type="date"`: `list` attribute

  17. html element: input: `type="email"`

  18. html element: input: `type="email"`: `list` attribute

  19. html element: input: `type="file"`

  20. html element: input: `type="hidden"`

  21. html element: input: `type="image"`

  22. html element: input: `type="month"`

  23. html element: input: `type="number"`

  24. html element: input: `type="number"`: `list` attribute

  25. html element: input: `type="password"`

  26. html element: input: `type="radio"`

  27. html element: input: `type="range"`

  28. html element: input: `type="range"`: `list` attribute

  29. html element: input: `type="reset"`

  30. html element: input: `type="search"`

  31. html element: input: `type="submit"`

  32. html element: input: `type="tel"`

  33. html element: input: `type="tel"`: `list` attribute

  34. html element: input: `type="text"`

  35. html element: input: `type="text"`: `list` attribute

  36. html element: input: `type="time"`

  37. html element: input: `type="time"`: `list` attribute

  38. html element: input: `type="url"`

  39. html element: input: `type="url"`: `list` attribute

  40. html element: input: `type="week"`