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.

Structures and More

Change the form strutcture by using the struct setting. You can add form title, abbr tag next to each label and also select the main row HTML tag (by default the script uses div but you can change it to section or ul>li structure.

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>
  <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: 'My form title...',
    abbr: true,
    wrapper: 'section'
  }
});