CIForms sandbox

This is a sandbox for https://www.mediawiki.org/wiki/Extension:CIForms !

Basic, one column

This is the simplest form (type "inputs" by default, one column)

The square brackets represent an input, the square brackets contain the input type, the asterisk indicates a mandatory field

{{#CI form: title = Contact form
| type = inputs
| first and last name [] *
| email [email] *
| your message [textarea]  *
}}

which produces the following

{{#CI form: title = Contact form | type = inputs | submission groups = sysop | first and last name [] * | email [email] * | your message [textarea] * }}

Placeholders

Form with placeholders. The square brackets contain the placeholder and optionally the input type after the equal symbol:

{{#CI form: title = Contact form
| [first and last name] *
| [email=email] *
| [phone=tel]
| [your message=textarea]  *
}}

which produces the following:

{{#CI form: title = Contact form | [first and last name] * | [email=email] * | [phone=tel] | [your message=textarea] * }}

Two columns

Inputs responsive (two columns), the square brackets contain the input type, the form rows can contain html (the label of the email input is bold)

{{#CI form: title = Contact form
| type = inputs responsive
| submit = abc@test.com
| first name [] *
| last name [] *
| <b>email</b> [email] *
| phone [tel]
| your message [textarea]  *
}}

{{#CI form: title = Contact form | type = inputs responsive | first name [] * | last name [] * | email [email] * | phone [tel] | your message [textarea] * }}

Multiple choice

Multiple choice with arbitrary text inputs between answers (on the last line in the example)

{{#CI form: title = Why are you applying to this job ?
| type = multiple choice 
| I send bulk application, even if I will be selected I'm not sure to confirm
| I ran out of money, I have to find whatever job quickly
| I want to learn something new 
| The job fits my background and I'm very skilled, I look forward to join your team!
| Let me explain [] 
}}

{{#CI form: title = Why are you applying to this job ? | type = multiple choice | I send bulk application, even if I will be selected I'm not sure to confirm | I ran out of money, I have to find whatever job quickly | I want to learn something new | The job fits my background and I'm very skilled, I look forward to join your team! | Let me explain [] }}

Select

Select with placeholder and hardcoded options. An option contain a comma? Just escape it!

{{#CI form: title = Select your preferred IT course
| type = inputs
| [Please chose one=select=PHP and Mysql, Node.js\, Vue.js\, React, Mediawiki and Gerrit ] *
}}

{{#CI form: title = Select your preferred IT course | type = inputs | [Please chose one=select=PHP and Mysql, Node.js\, Vue.js\, React, Mediawiki and Gerrit ] * }}

Select with combobox

Select populated by wikitext (if the select contains more than 20 options CIForms will automatically display it as a select2 combobox)

{{#CI form: title = Country and city
| type = inputs
| country [select={{#replace:{{Template:Countries}}|*|,}}] *
| city [] *
}}

{{#CI form: title = Country and city | type = inputs | country [select=, Afghanistan , Aland Islands , Albania , Algeria , American Samoa , Andorra , Angola , Anguilla , Antarctica , Antigua And Barbuda , Argentina , Armenia , Aruba , Australia , Austria , Azerbaijan , Bahrain , Bangladesh , Barbados , Belarus , Belgium , Belize , Benin , Bermuda , Bhutan , Bolivia , Bonaire, Sint Eustatius and Saba , Bosnia and Herzegovina , Botswana , Bouvet Island , Brazil , British Indian Ocean Territory , Brunei , Bulgaria , Burkina Faso , Burundi , Cambodia , Cameroon , Canada , Cape Verde , Cayman Islands , Central African Republic , Chad , Chile , China , Christmas Island , Cocos (Keeling) Islands , Colombia , Comoros , Congo , Cook Islands , Costa Rica , Cote D'Ivoire (Ivory Coast) , Croatia , Cuba , Curaçao , Cyprus , Czech Republic , Democratic Republic of the Congo , Denmark , Djibouti , Dominica , Dominican Republic , East Timor , Ecuador , Egypt , El Salvador , Equatorial Guinea , Eritrea , Estonia , Ethiopia , Falkland Islands , Faroe Islands , Fiji Islands , Finland , France , French Guiana , French Polynesia , French Southern Territories , Gabon , Gambia The , Georgia , Germany , Ghana , Gibraltar , Greece , Greenland , Grenada , Guadeloupe , Guam , Guatemala , Guernsey and Alderney , Guinea , Guinea-Bissau , Guyana , Haiti , Heard Island and McDonald Islands , Honduras , Hong Kong S.A.R. , Hungary , Iceland , India , Indonesia , Iran , Iraq , Ireland , Israel , Italy , Jamaica , Japan , Jersey , Jordan , Kazakhstan , Kenya , Kiribati , Kosovo , Kuwait , Kyrgyzstan , Laos , Latvia , Lebanon , Lesotho , Liberia , Libya , Liechtenstein , Lithuania , Luxembourg , Macau S.A.R. , Madagascar , Malawi , Malaysia , Maldives , Mali , Malta , Man (Isle of) , Marshall Islands , Martinique , Mauritania , Mauritius , Mayotte , Mexico , Micronesia , Moldova , Monaco , Mongolia , Montenegro , Montserrat , Morocco , Mozambique , Myanmar , Namibia , Nauru , Nepal , Netherlands , New Caledonia , New Zealand , Nicaragua , Niger , Nigeria , Niue , Norfolk Island , North Korea , North Macedonia , Northern Mariana Islands , Norway , Oman , Pakistan , Palau , Palestinian Territory Occupied , Panama , Papua new Guinea , Paraguay , Peru , Philippines , Pitcairn Island , Poland , Portugal , Puerto Rico , Qatar , Reunion , Romania , Russia , Rwanda , Saint Helena , Saint Kitts And Nevis , Saint Lucia , Saint Pierre and Miquelon , Saint Vincent And The Grenadines , Saint-Barthelemy , Saint-Martin (French part) , Samoa , San Marino , Sao Tome and Principe , Saudi Arabia , Senegal , Serbia , Seychelles , Sierra Leone , Singapore , Sint Maarten (Dutch part) , Slovakia , Slovenia , Solomon Islands , Somalia , South Africa , South Georgia , South Korea , South Sudan , Spain , Sri Lanka , Sudan , Suriname , Svalbard And Jan Mayen Islands , Swaziland , Sweden , Switzerland , Syria , Taiwan , Tajikistan , Tanzania , Thailand , The Bahamas , Togo , Tokelau , Tonga , Trinidad And Tobago , Tunisia , Turkey , Turkmenistan , Turks And Caicos Islands , Tuvalu , Uganda , Ukraine , United Arab Emirates , United Kingdom , United States , United States Minor Outlying Islands , Uruguay , Uzbekistan , Vanuatu , Vatican City State (Holy See) , Venezuela , Vietnam , Virgin Islands (British) , Virgin Islands (US) , Wallis And Futuna Islands , Western Sahara , Yemen , Zambia , Zimbabwe] * | city [] * }}

Nested sections

Form with nested sections. The multiple choice accepts up to 3 answers ("max answers=3") The textarea has a maxlength attribute ("[textarea=1000]")

{{#CI form: title = Job application
| submission groups = sysop
|
{{#CI form section: type = inputs 
| name [] *
| email [] *
}}
|
{{#CI form section: type = inputs
| title = What about your motivation ?
| type = multiple choice
| I send bulk application, even if I will be selected I'm not sure to confirm
| I ran out of money, I have to find whatever job quickly
| I want to learn something new 
| The job fits my background and I'm very skilled, I look forward to join your team!
| Let me explain [] 
}}

{{#CI form section: type = multiple choice
| title = If you will be selected (on the basis of the answer above), how will you undertake your work ? (up to 3 answers allowed)
| type = multiple choice
| max answers=3
| I will work scrupulously
| I will work meticulously
| I will pretend to work
| I will delegate all my work to my sister
| I will work seriously 
}}

{{#CI form section: type = inputs
|title = Please describe yourself (1000 characters max)
| [textarea=1000] *
}}

}}

{{#CI form: title = Job application | submission groups = sysop | {{#CI form section: type = inputs | name [] * | email [] * }} | {{#CI form section: type = inputs | title = What about your motivation ? | type = multiple choice | I send bulk application, even if I will be selected I'm not sure to confirm | I ran out of money, I have to find whatever job quickly | I want to learn something new | The job fits my background and I'm very skilled, I look forward to join your team! | Let me explain [] }}

{{#CI form section: type = multiple choice | title = If you will be selected (on the basis of the answer above), how will you undertake your work ? (up to 3 answers allowed) | type = multiple choice | max answers=3 | I will work scrupulously | I will work meticulously | I will pretend to work | I will delegate all my work to my sister | I will work seriously }}

{{#CI form section: type = inputs |title = Please describe yourself (1000 characters max) | [textarea=1000] * }}

}}

Cloze test

Cloze tests are mainly used to administer quizzes and tests.

Square brackets represent an input, a square bracket with text inside represents a suggestion. The asterisk represents an example sentence. Each row can contain an arbitrary number of inputs.

{{#CI form: type = cloze test 
| title = Put the verbs between parentheses in the proper tense
| * I (to be) [have been] proud to win the match
| I (to do) [] a wonderful work
| I (to drink) [] too much at the last party
| I (to eat) [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations
| (to make) We are such stuff as dreams are [] on; and our little life ...
}}

{{#CI form: type = cloze test | title = Put the verbs between parentheses in the proper tense | * I (to be) [have been] proud to win the match | I (to do) [] a wonderful work | I (to drink) [] too much at the last party | I (to eat) [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations | (to make) We are such stuff as dreams are [] on; and our little life ... }}

Cloze test with suggestions

The list of suggestions is automatically shuffled and the suggestion is automatically canceled from the list. (line-through)

{{#CI form: type = cloze test 
| title = Put the right word in each sentence
| suggestions = pencils, cats, dogs, car, house, pizzas
| * There are three [pencils] on my table
| My [] is pretty fast
| My [] barks a lot but welcomes thieves equipped with sausages
| I love [] because they say "meeeooow"
| I'm able to eat 4 [] at any time
| My [] has 3 swimming pools and a bowling lane, are you envious ?
}}

{{#CI form: type = cloze test | title = Put the right word in each sentence | suggestions = pencils, cats, dogs, car, house, pizzas | * There are three [pencils] on my table | My [] is pretty fast | My [] barks a lot but welcomes thieves equipped with sausages | I love [] because they say "meeeooow" | I'm able to eat 4 [] at any time | My [] has 3 swimming pools and a bowling lane, are you envious ? }}

Cloze test with transformed suggestions

In some cases the answer has to be "transformed" with regard of the list of suggestions. In this case the relationship is expressed with the equal symbol within square brackets.

{{#CI form: type = cloze test 
| title = Chose the right verb for each sentence and put it in the proper tense
| suggestions = to be, to win, to do, to drink, to make
| * I [to be=have been] proud to win the match
| I [] a wonderful work
| I [] too much at the last party
| I [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations
| We are such stuff as dreams are [] on; and our little life ...
}}

{{#CI form: type = cloze test | title = Chose the right verb for each sentence and put it in the proper tense | suggestions = to be, to win, to do, to drink, to make | * I [to be=have been] proud to win the match | I [] a wonderful work | I [] too much at the last party | I [] 3 pizzas and 4 portions of french fries, and now I don't perform really well in intimate situations | We are such stuff as dreams are [] on; and our little life ... }}

Cloze tests with html

The following is a quiz adapted from this page

{{#CI form: title = Complete the text from the Wikipedia article on [https://en.wikipedia.org/wiki/Aristotle Aristotle]
| type = cloze test
| list-type = none
| suggestions =  Athens, Nicomachus, eighteen, 347, Stageira, Phaestis, Plato
| <b>Early Years</b> <br> Aristotle was born in [Stageira] in Chalcidice. His parents were []  and [], who became physician to King Amyntas of Macedon. <br> Aristotle was educated as a member of the aristocracy. At about the age of [], he went to [] to continue his education at []'s Academy for nearly twenty years, not leaving until after 
Plato's death in [] BC. 
}}

{{#CI form: title = Complete the text from the Wikipedia article on Aristotle | type = cloze test | list-type = none | suggestions = Athens, Nicomachus, eighteen, 347, Stageira, Phaestis, Plato | Early Years
Aristotle was born in [Stageira] in Chalcidice. His parents were [] and [], who became physician to King Amyntas of Macedon.
Aristotle was educated as a member of the aristocracy. At about the age of [], he went to [] to continue his education at []'s Academy for nearly twenty years, not leaving until after Plato's death in [] BC. }}