Powered by dead simple CSS props and a mix of common convention rules.
<input/> elements in web development allow users to enter data into a form.
They come in various types such as text, password, email, and more, each
designed for different types of data entry. Inputs are essential for
gathering user information and enabling interactivity within forms.
<input type="button" value="input type button"/>
<input type="checkbox" />
<input type="email" placeholder="email@example.com"/>
<input type="file" />
<input type="image" />
<input type="password" />
<input type="radio" />
<input type="time" />
<input type="range" />
<input type="reset" />
<input type="url" />
<input type="color" />
<input type="date" />
<input type="datetime-local" />
<input type="hidden" />
<input type="month" />
<input type="number" />
<input type="search" />
<input type="submit" />
<input type="tel" />
<input type="text" />
<input type="week" />
| prop | description | applies to |
|---|---|---|
| - - part | changes style to look like a button | all |
| - - switch | sets outline style | checkbox, radio |
<input type="text" data-props="--discrete" />
<input type="checkbox" data-props="--switch" />