Introducing markdown extensions for form input

Extensions
2

This is best done as a generic directive input

Generic Directive Style Brainstorming. The idea is that you could potentially print this as it is and fill it out if you really needed to.

A field starts with a field description of this form, which is always ended by a :

<field description. Field name autodetected in here> :

After the field description, the fieldtype is indicated via examples shown below.

Each field name is either autodetected, or can be pointed via *fieldname* or {fieldname}

!form: Form Header Name
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Choose an *email*?:  ______________
Choose a *password*: ***___________

Describe why you want to register:
[________________________________]
[________________________________]{description}

*Gender*: [ "male" / "female" ]

Which of these *features* will you need?:
* [X] simplicity
* [ ] Don't know
* [ ] complete

Radio Button. Which *pet* do you want most?:
* (X) cat
* ( ) dog
* ( ) bird

          [>>  OK   <<] [!! RESET !!]

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
{action="MAILTO:someone@example.com" method="post" enctype="text/plain"}

Designed to fail gracefully

Choose an email?: ______________
Choose a password: ***___________

Describe why you want to register:
[________________________________]
________________________________

Gender: [ “male” / “female” ]

Which of these features will you need?:

  • [X] simplicity
  • [ ] Don’t know
  • [ ] complete

Radio Button. Which pet do you want most?:

  • (X) cat
  • ( ) dog
  • ( ) bird

[>> OK <<] [!! RESET !!]

##Other form inputs:

Buttons

  • submit button: [>> TEXT HERE <<]
  • reset button: [!! TEXT HERE !!]

Drop down list: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_select3

Fiat option preselected

Choose a *car*:
*  [  Volvo  ]
*  [  Saab   ]
*  [- Fiat  -]
*  [  Audi   ]

Field set: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_fieldset 

# is first level fieldset
## Second level fieldset

e.g.

# Login Details
Choose a Username: ______________
Choose a password: ***___________

# Personal Details
Gender: [ "male" / "female" ]
Religion: ________

Datalist: http://www.w3schools.com/tags/tag_datalist.asp 

What is your *browser*?:  ______________
* Internet Explorer
* Firefox
* Chrome
* Opera
* Safari

Also useful to know:

1 Like