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.

Forma CSS Template

The most user friendly CSS stylesheet template that has everything added. Now with minimal CSS customization you can change your form look and feel (e.g. update the color and font values in the :root).

CSS

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