Latest revision |
Your text |
Line 1: |
Line 1: |
| This is a sandbox for https://www.mediawiki.org/wiki/Extension:CIForms !
| | {{#CI form: |
| | | title = Contact form |
| | | | submission groups = sysop |
| ==Basic, one column==
| | | name [] * |
| | |
| 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
| |
| | |
| <pre>
| |
| {{#CI form: title = Contact form | |
| | type = inputs | |
| | first and last name [] * | |
| | email [email] * | | | email [email] * |
| | your message [textarea] * | | | message [textarea=250] * |
| }} | | }} |
| </pre>
| |
|
| |
|
| which produces the following
| |
|
| |
|
| | | {{#CI form: title = Application |
| {{#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:
| |
| | |
| <pre>
| |
| {{#CI form: title = Contact form
| |
| | [first and last name] *
| |
| | [email=email] *
| |
| | [phone=tel]
| |
| | [your message=textarea] *
| |
| }}
| |
| </pre>
| |
| | |
| | |
| 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)
| |
| | |
| | |
| <pre>
| |
| {{#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] *
| |
| }}
| |
| </pre>
| |
| | |
| | |
| {{#CI form: title = Contact form
| |
| | type = inputs responsive
| |
| | first name [] *
| |
| | last name [] *
| |
| | <b>email</b> [email] *
| |
| | phone [tel]
| |
| | your message [textarea] *
| |
| }}
| |
| | |
| | |
| | |
| == Multiple choice ==
| |
| | |
| Multiple choice with arbitrary text inputs between answers (on the last line in the example)
| |
| | |
| <pre>
| |
| {{#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 []
| |
| }}
| |
| </pre>
| |
| | |
| | |
| {{#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!
| |
| | |
| <pre>
| |
| {{#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 ] *
| |
| }}
| |
| </pre>
| |
| | |
| | |
| {{#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 [https://select2.org/ select2] combobox)
| |
| | |
| <pre>
| |
| {{#CI form: title = Country and city
| |
| | type = inputs
| |
| | country [select={{#replace:{{Template:Countries}}|*|,}}] *
| |
| | city [] *
| |
| }}
| |
| </pre>
| |
| | |
| | |
| {{#CI form: title = Country and city
| |
| | type = inputs
| |
| | country [select={{#replace:{{Template:Countries}}|*|,}}] *
| |
| | 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]")
| |
| | |
| <pre>
| |
| {{#CI form: title = Job application
| |
| | submission groups = sysop | | | submission groups = sysop |
| | | | | |
| {{#CI form section: type = inputs | | {{#CI form section: type = inputs |
| | name [] * | | | Are you applying as [select={{Template:Countries}}] |
| | 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] *
| |
| }}
| |
|
| |
|
| }}
| |
| </pre>
| |
|
| |
|
| |
| {{#CI form: title = Job application
| |
| | submission groups = sysop
| |
| |
| |
| {{#CI form section: type = inputs
| |
| | name [] *
| |
| | email [] *
| |
| }}
| |
| |
| |
| {{#CI form section: type = inputs | | {{#CI form section: type = inputs |
| | title = What about your motivation ? | | | title = What kind of data should be entered in this form ? |
| | type = multiple choice | | | [textarea] |
| | 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 | | {{#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) | | | title = Is the project open-source? |
| | type = multiple choice
| | | Yes |
| | max answers=3
| | | No [] |
| | 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.
| |
| | |
| <pre>
| |
| {{#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 ...
| |
| }}
| |
| </pre>
| |
| | |
| {{#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)
| |
| | |
| <pre>
| |
| {{#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 ?
| |
| }}
| |
| </pre>
| |
| | |
| {{#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.
| |
| | |
| <pre>
| |
| {{#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 ... | |
| }} | | }} |
| </pre>
| |
|
| |
|
| {{#CI form: type = cloze test | | {{#CI form section: type = cloze test |
| | title = Chose the right verb for each sentence and put it in the proper tense | | | title = cloze test title |
| | suggestions = to be, to win, to do, to drink, to make | | | label a [] label b [] |
| | * I [to be=have been] proud to win the match
| | | label c [] |
| | I [] a wonderful work
| | | label d |
| | 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 [https://en.wikiversity.org/wiki/Help:Quiz-Simple this page]
| |
|
| |
| <pre>
| |
| {{#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.
| |
| }}
| |
| </pre>
| |
|
| |
|
| |
| {{#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.
| |
| }} | | }} |