abide-example-blog.html

<form data-abide>
  <div class="name-field">
    <label>Your name <small>required</small></label>
    <input type="number" required pattern="[a-zA-Z]+">
    <small class="error">Name is required and must be a string.</small>
  </div>
  <div class="email-field">
    <label>Email <small>required</small></label>
    <input type="text" required pattern="email">
    <small class="error">An email address is required.</small>
  </div>
  <div class="password-field">
    <label>Email <small>required</small></label>
    <input type="password" required>
    <small class="error">A valid password is required.</small>
  </div>
  <button type="submit">Submit</button>
</form>