Form

<form action="">
    <label for="input-1" class="form-group">
        <b class="label-text">Input 1</b>
        <input type="text" id="input-1" />
    </label>
    <div class="error-msg">This is required.</div>
    <label for="input-2" class="form-group">
        <b class="label-text">Input 2</b>
        <input type="url" id="input-2" />
    </label>
    <label class="form-group" for="input-3">
        <b class="label-text">Birthday</b>
        <span class="custom-select"> <!-- using a span set in CSS as block-level because using a div inside a label isn't valid HTML5 -->
            <select id="input-3">
                <option selected disabled>Month</option>
                <option>January</option>
                <option>February</option>
                <option>March</option>
                <option>April</option>
                <option>May</option>
                <option>June</option>
                <option>July</option>
                <option>August</option>
                <option>September</option>
                <option>October</option>
                <option>November</option>
                <option>December</option>
            </select>
        </span>
    </label>
    <label for="input-4" class="form-group">
        <b class="label-text">Input 4</b>
        <input type="text" id="input-4" />
    </label>
    <div class="error-msg">This is required.</div>
    <div class="submit-wrap">
        <button type="submit">Submit</button>
    </div>
</form>
<form action="">
    <label for="input-1" class="form-group">
        <b class="label-text">Input 1</b>
        <input type="text" id="input-1" />
    </label>
    <div class="error-msg">This is required.</div>
    <label for="input-2" class="form-group">
        <b class="label-text">Input 2</b>
        <input type="url" id="input-2" />
    </label>
    <label class="form-group" for="input-3">
        <b class="label-text">Birthday</b>
        <span class="custom-select"> <!-- using a span set in CSS as block-level because using a div inside a label isn't valid HTML5 -->
            <select id="input-3">
                <option selected disabled>Month</option>
                <option>January</option>
                <option>February</option>
                <option>March</option>
                <option>April</option>
                <option>May</option>
                <option>June</option>
                <option>July</option>
                <option>August</option>
                <option>September</option>
                <option>October</option>
                <option>November</option>
                <option>December</option>
            </select>
        </span>
    </label>
    <label for="input-4" class="form-group">
        <b class="label-text">Input 4</b>
        <input type="text" id="input-4" />
    </label>
    <div class="error-msg">This is required.</div>
    <div class="submit-wrap">
        <button type="submit">Submit</button>
    </div>
</form>
/* No context defined for this component. */

There are no notes for this item.