<form>
<fieldset>
<legend>Inputs</legend>
<label for="Text">Text</label>
<input type="text" name="Text">
</fieldset>
<fieldset>
<legend>Textarea</legend>
<label for="Textarea">Textarea</label>
<textarea name="Textarea"></textarea>
</fieldset>
<fieldset>
<legend>Select Menu</legend>
<span>Select</span>
<select>
<option selected disabled>Fruits</option>
<option value="apple">Apple</option>
<option value="orange">Orange</option>
<option value="banana">Banana</option>
</select>
</fieldset>
<fieldset>
<legend>Check Boxes</legend>
Bike <input type="checkbox" name="vehicle" value="bike">
Car <input type="checkbox" name="vehicle" value="car">
Boat <input type="checkbox" name="vehicle" value="boat">
</fieldset>
<fieldset>
<legend>Radio Buttons</legend>
<input type="radio" name="radio-answer" value="yes">Yes
<input type="radio" name="radio-answer" value="no">No
<input type="radio" name="radio-answer" value="other">Other
</fieldset>
<input type="submit" value="Submit">
<input type="button" value="Button">
</form>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.