You can download the latest /dist code directly from our GitHub repository v0.0.4-alpha (latest).

Don't forget to give us a ⭐ if you think FormaJS is worthwhile and we should continue improving on it.

Login Form (real-world example)

Generic real-world login form.

Login

CSS

Using a custom CSS stylesheet build on top of the forma-boilerplate.css template. Take a look at the code on our GitHub repository.

HTML

<form class="forma forma-login">
  <input data-label="Email Address" type="email" name="email-address" 
      pattern="(\S+@\S+\.\S+)"
      title="Email address must contain digits, letters, and @_. characters." required />
  <input data-label="Password" type="password" name="password" 
    pattern="(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}" 
    title="Password must have minimum 8 characters, at least one letter and one number." required />
  <button type="submit">Login</button>
</form>

JavaScript

forma({
  container: '.forma-login',
  auto: true,
  show: true,
  submit: true
});