#98 Easy Forms

UPDATE: According to the author, this addon is not maintained any more (see comment below). If you are aware of any good alternatives, please let us know.

One of my least favorite things to do in a web app is create forms, this add-on makes it slightly more enjoyable. Your form could look like this:

{{#form-for model}}
  {{input firstName}}
  {{input lastName}}
  {{input bio as="text"}}
  {{input country as="select"
       collection="App.countries"
       selection="country"
       optionValuePath="content.id"
       optionLabelPath="content.name"
       prompt="Select Country"
  }}
{{/form-for}}

{{input country as="select"

collection="App.countries"

selection="country"

optionValuePath="content.id"

optionLabelPath="content.name"

prompt="Select Country"

}}

You can have labels:

{{input firstName label="Your Name"}}

1	{{input firstName label="Your Name"}}

Or a placeholder:

{{input firstName placeholder="Enter your first name"}}

1	{{input firstName placeholder="Enter your first name"}}

or specify a type:

{{input-field bio as="text"}}

1	{{input-field bio as="text"}}

Possible values for ‘as’:

text – renders a textarea input
email
password
url
color
tel
search
hidden
checkbox

There is more to this add-on, check out the documentation.

#98 Easy Forms

Published by

Emad Ibrahim