A standard input
A file input
Invisible File Input
A file input can be made invisible so you are able to design another element to trigger the file dialog.
To accomplish this, you have to use a corresponding
<label> element. This can be styled as desired, most probably as a button element
An input field can show a user is currently interacting with it
An icon input field can show that it is currently loading data
An input field can show that it is disabled
An input field can show the data contains errors
Some input types like "week", "date", "email", "url", etc. have a browser inbuild validation and will automatically get the error styling when those get invalid. In general all input field types, which have the required attribute set and are empty, are considered invalid.
An input can be formatted with an icon
An input can be formatted with a label
An input can be formatted to alert the user to an action they may perform
A File action input allows custom content inside the file trigger button. File action input buttons have to be made out of a label element.
A transparent input has no background
An input can be formatted to appear on dark backgrounds
An input can take the size of its container
An input can vary in size
Using the input class you can also use some features on
textarea as well