Labels And Inputs

<!-- Text Input Without Placeholder -->
<label for="text-input-without-placeholder">Text input without placeholder</label>

<input id="text-input-without-placeholder" name="text-input-without-placeholder" type="text">

<!-- Text Input With Placeholder -->
<label for="text-input-with-placeholder">Text input with placeholder</label>

<input id="text-input-with-placeholder" name="text-input-with-placeholder" placeholder="Placeholder goes here" type="text">

<!-- Email Input Without Placeholder -->
<label for="email-input-without-placeholder">Email input without placeholder</label>

<input id="email-input-without-placeholder" name="email-input-without-placeholder" type="email">

<!-- Email Input With Placeholder -->
<label for="email-input-with-placeholder">Email input with placeholder</label>

<input id="email-input-with-placeholder" name="email-input-with-placeholder" placeholder="mel.bloggs@example.com" type="email">

<!-- Checkbox Initially Unchecked -->
<input id="checkbox-initially-unchecked-" name="checkboxes" type="checkbox">

<label for="checkbox-initially-unchecked-">Checkbox (initially unchecked)</label>

<!-- Checkbox Initially Checked -->
<input checked id="checkbox-initially-checked-" name="checkboxes" type="checkbox">

<label for="checkbox-initially-checked-">Checkbox (initially checked)</label>

<!-- Radio Button Initially Unselected -->
<input id="radio-button-initially-unselected-" name="radio-buttons" type="radio">

<label for="radio-button-initially-unselected-">Radio button (initially unselected)</label>

<!-- Radio Button Initially Selected -->
<input checked id="radio-button-initially-selected-" name="radio-buttons" type="radio">

<label for="radio-button-initially-selected-">Radio button (initially selected)</label>

<!-- Select Drop Down -->
<label for="select-drop-down">Select drop-down</label>

<select id="select-drop-down" name="select-drop-down">

    <option value="apple">Apple</option>

    <option selected value="banana">Banana</option>

    <option value="orange">Orange</option>

</select>