Forms

Form elements.

Label

Option 1 Option 2 Option 3 Option 4

Code

HTML5 Elements

The following elements need only for you to use the HTML5 elements.

• Text inputs (password, text)
• Textarea
• Checkboxes
• Radio Buttons
• Selects
• Range selector

				
<input type="text" required placeholder="Username">
<input type="password" required placeholder="Password">
<label>Label</label>
<textarea></textarea>
<input type="checkbox">
<input type="radio" name="radio">
<input type="radio" name="radio">
<input type="radio" name="radio">
<input type="range">
				
			

Class Based

The following elements need to be used as the code shows, in order and with classes.

• Toggles

				
<input type="checkbox" class="toggle" id="toggle">
<label for="toggle"></label>