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.

Base CSS Template

Excellent starting point if you need some structure added to your form with minimal styling.

Send

CSS

Using a CSS stylesheet template forma-base.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'
  }
});