Skip to content

Instantly share code, notes, and snippets.

@bengolder
Last active February 9, 2018 19:50
Show Gist options
  • Save bengolder/524c4216347ba67190c38a1af0a47b89 to your computer and use it in GitHub Desktop.
Save bengolder/524c4216347ba67190c38a1af0a47b89 to your computer and use it in GitHub Desktop.
<fieldset>
<legend id="dob__legend">
<span class="errors">Feb 30th does not exist</span>
<span class="form-question">When did you enter this world?</span>
<span class="text--help">Like, born or whatever</span>
</legend>
<label id="dob_month__label" for="dob_month" class="sr-only">Month</label>
<select name="dob[month]" id="dob_month" aria-labelledby="dob__legend dob_month__label">
<option value="1">January</option>
...
</select>
<label id="dob_day__label" for="dob_day" class="sr-only">Day</label>
<select name="dob[day]" id="dob_day" aria-labelledby="dob__legend dob_day__label">
<option value="1">1</option>
...
</select>
<label id="dob_day__label" for="dob_year" class="sr-only">Year</label>
<select name="dob[year]" id="dob_year" aria-labelledby="dob__legend dob_year__label">
<option value="1900">1900</option>
...
</select>
</fieldset>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment