<label for="name">Text</label>
<input type="text" id="name" name="name">
<label>Text
<input type="text" name="name">
</label>
<label for="num">Number</label>
<input type="number" id="num" name="num">
<label>Number
<input type="number" name="num">
</label>
<label for="email">Email</label>
<input type="email" id="email" name="email">
<label>Email
<input type="email" name="email">
</label>
<label for="pass">Password</label>
<input type="password" id="pass" name="pass">
<label>Password
<input type="password" name="pass">
</label>
<div>
<input type="radio" id="radio-1" name="group" value=""
checked>
<label for="radio-1">Radio 1</label>
</div>
<div>
<input type="radio" id="radio-2" name="group" value=""
checked>
<label for="radio-2">Radio 2</label>
</div>
<div>
<input type="checkbox" id="checkbox-1" name="group" value=""
checked>
<label for="checkbox-1">Checkbox 1</label>
</div>
<div>
<input type="checkbox" id="checkbox-2" name="group" value=""
checked>
<label for="checkbox-2">Checkbox 2</label>
</div>
<label for="textarea">Textarea</label>
<textarea id="textarea" name="textarea" rows="5" cols="33">
Textarea text goes here...
</textarea>
<button>Click here</button>
<select>
<option value="first">Option 1</option>
<option value="second" selected>Option 2</option>
<option value="third">Option 3</option>
</select>
<select>
<optgroup label="Group 1">
<option>Option 1</option>
<option>Option 2</option>
</optgroup>
<optgroup label="Group 2">
<option>Option 3</option>
<option>Option 4</option>
</optgroup>
<optgroup label="Group 3" disabled>
<option>Option 5</option>
</optgroup>
</select>