Common patterns for data manipulation
These patterns are often matched by pure HTML elements, while others have emerged in recent years through the clever use of styling of such elements. These have become standard in the industry and are well understood by users at first sight. What follows here is a non-exclusive list with a short description of when to use each one.
HTML input elements
The standard input fields provided by HTML are a clear pattern for receiving input from the user. Nowadays, the input element has many variants due to the type attribute, allowing for input other than plain text. Used in forms and validation libraries, these elements are as good as they come, ready to read and format from text and numbers to URL, date, time, images, and colors. The full list of available types supported by today’s browsers can be found here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types.
For the most part, these elements are used with...
