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

{{#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 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 input between answers

{{#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 populated by wikitext

{{#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

{{#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] * }}

}}

{{#CI form: title = Metti i verbi al futuro semplice
| type = cloze test 
| * Vedo, vedo... che tra poco [incontrare=incontrerai] l'uomo della tua vita
| Vedo, vedo... che [avere] una grande vincita al gioco
| Questa carta mi dice che [vincere] il concorso che hai appena fatto
| Quest'altra carta mi dice che [sposarsi] al massimo entro tre anni
| Ah, qui vedo che [fare] un viaggio molto interessante
| Qui vedo che [andare] ad abitare in un'altra citta'
}}

{{#CI form: title = Metti i verbi al futuro semplice | type = cloze test | * Vedo, vedo... che tra poco [incontrare=incontrerai] l'uomo della tua vita | Vedo, vedo... che [avere] una grande vincita al gioco | Questa carta mi dice che [vincere] il concorso che hai appena fatto | Quest'altra carta mi dice che [sposarsi] al massimo entro tre anni | Ah, qui vedo che [fare] un viaggio molto interessante | Qui vedo che [andare] ad abitare in un'altra citta' }}