Skip to content

Instantly share code, notes, and snippets.

@weboverhauls

weboverhauls/HTML pattern for input with hint+error

Created February 28, 2019 20:49
Show Gist options
  • Save weboverhauls/549b29eb02c85c99febd47e31f1e64a2 to your computer and use it in GitHub Desktop.
Save weboverhauls/549b29eb02c85c99febd47e31f1e64a2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML pattern for input with hint+error
<div class="inputField">
<label for="lastname">Last Name</label>
<p class="hint" id="lastnameHint”>Must be your legal last name.</p>
<input type="text" id="lastname" name="lastname" aria-describedby="lastnameHint lastnameError" />
<p class="error" id="lastnameError">Please complete this field.</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment