Back To Top
< form > < input />
<input type="button" />
Description
<input type="color" />
Description
<input type="date" />
Description
<input type="datetime" />
Description
<input type="datetime-local" />
Description
<input type="email" />
Description
<input type="file" />
Description
<input type="hidden" />
Description
<input type="image" />
Description
<input type="month" />
Description
<input type="number" />
max - specifies the maximum value allowed
min - specifies the minimum value allowed
step - specifies the legal number intervals
value - Specifies the default value
<input type="password" />
Description
<input type="checkbox" />
<input type="checkbox" id="clickable_label" /> <label for="clickable_label">label - description</label>
<input type="checkbox" checked />
Checkboxes let a user select one or more options of a limited number of choices:
Above yu see two examples the first you can not click on the label and have the checkbox be checked.
The second if you click on the label it will check the box.
There are two methods for this. The first is diplayed above
    add an id tag to the input
    add a for tag to the label
The second method is to surround the input and description with the label tags.
<label><input type="checkbox" /> label - description</label>
<input type="radio" value="radio" />
Radio buttons let a user select only one of a limited number of choices
<input type="range" min="1" max="10" step="2" />
Define a control for entering a number whose exact value is not important (like a slider control). You can also set restrictions on what numbers are accepted:
max - specifies the maximum value allowed
min - specifies the minimum value allowed
step - specifies the legal number intervals
value - Specifies the default value
<input type="search" />
Description
<input type="tel" />
Description
<input type="text" />
Description
<input type="time" />
Description
<input type="url" />
Description
<input type="week" />
Description
<input type="reset" />
Description
<input type="submit" />
Description