<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.