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.

Boilerplate CSS Template

This CSS stylesheet tempalte gives you the most freedom to customize your form, but you stil get some structure that you can follow.

Send

CSS

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

HTML

<form>
  <input data-label="Email Address" type="email" name="email-address" />
  <input data-label="First Name" type="text" name="first-name" />
  <input data-label="Last Name" type="text" name="last-name" />
  <textarea data-label="Message" rows="5" name="message"></textarea>
  <button type="submit">Send</button>
</form>

JavaScript

forma({
  auto: true,
  struct: {
   title: 'Contact'
  }
});