|
|
| Line 1: |
Line 1: |
| {| class="wikitable alternance"
| |
| |+ Global classes
| |
| |-
| |
| ! scope="col" | Class name
| |
| ! scope="col" | Part
| |
| ! scope="col" | Question type
| |
| ! scope="col" | Examples
| |
| ! scope="col" | Note
| |
| |-
| |
| ! scope="row" | .question
| |
| | All question block
| |
| | All question type
| |
| |<p class="question">, <ul class="question">, <table class="question">
| |
| |
| |
| |-
| |
| ! scope="row" | .subquestions-list
| |
| | List of subquestion
| |
| | Multi choice question, array question type
| |
| | <ul class="subquestions-list">, <table class="subquestions-list">
| |
| | .questions-list is used too
| |
| |-
| |
| ! scope="row" | .answers-list
| |
| | List of answers
| |
| | Single choice question, array question type, Multi input text question
| |
| | <ul class="answers-list">, <table class="answers-list">
| |
| |
| |
| |-
| |
| ! scope="row" | .answer-item
| |
| | The answer part: one answer
| |
| | Single choice question, array question type, Multi input text question
| |
| | <li class="answer-item">, <td class="answer-item">
| |
| |
| |
| |-
| |
| ! scope="row" | .noanswer-item
| |
| | The answer part for no answer
| |
| | Single choice question, array question type
| |
| | <li class="noanswer-item">, <td class="noanswer-item">
| |
| | No answer is an answer too, then have double class noanswer-item and answer-item
| |
| |-
| |
| ! scope="row" | .question-item
| |
| | The question part: one question
| |
| | Multi text question, array question type
| |
| | <li class="question-item">, <tr class="question-item">
| |
| | Some answer are question too, then we have a lot of class="question-item answer-item"
| |
| |-
| |
| ! scope="row" | .checkbox-list
| |
| | A list of checkbox
| |
| | Multi choice question, array number (checkbox) question type
| |
| | <ul class="checkbox-list">, <tr class="checkbox-list">
| |
| | Some question type have multi list class: like checkbox with comment : class="checkbox-list text-list"
| |
| |-
| |
| ! scope="row" | .checkbox-item
| |
| | The answer part with a checkbox
| |
| | Multi choice question, array number (checkbox) question type
| |
| | <li class="checkbox-item">, <td class="checkbox-item">
| |
| |
| |
| |-
| |
| ! scope="row" | .radio-list
| |
| | A list of radio item
| |
| | Single choice question, array question type
| |
| | <ul class="radio-list">, <tr class="radio-list">
| |
| |
| |
| |-
| |
| ! scope="row" | .radio-item
| |
| | The answer part with a radio
| |
| | Single choice question, array question type
| |
| | <li class="radio-item">, <td class="radio-item">
| |
| |
| |
| |-
| |
| ! scope="row" | .text-list
| |
| | A list of text input
| |
| | Multi text question type, array of text
| |
| | <ul class="text-list">, <tr class="text-list">
| |
| |
| |
| |-
| |
| ! scope="row" | .text-item
| |
| | The answer part of a text input
| |
| | Multi text question type, array of text
| |
| | <li class="text-item">, <td class="text-item">
| |
| |
| |
| |-
| |
| ! scope="row" | .numeric-list
| |
| | A list of text input with numeric only answer
| |
| | Multi numeric question type, array of number
| |
| | <ul class="text-list numeric-list">, <tr class="text-list numeric-list">
| |
| |
| |
| |-
| |
| ! scope="row" | .numeric-item
| |
| | The answer part of a numeric input
| |
| | Multi numeric question type, array of number
| |
| | <li class="numeric-item">, <td class="numeric-item">
| |
| |
| |
| |-
| |
| ! scope="row" | .select-list
| |
| | A list of select
| |
| | Array numbers, Dual scale array (select)
| |
| | <table class="select-list">
| |
| |
| |
| |-
| |
| ! scope="row" | .select-item
| |
| | The answer part of a select
| |
| | Array numbers, Dual scale array (select), single choice with select
| |
| | <p class="select-item">, <td class="select-item">
| |
| |
| |
| |-
| |
| ! scope="row" | .hide
| |
| | Used for accessibility: hidden with css but read by screenreader
| |
| | Short text question
| |
| | <label class="hide">
| |
| | Can be used for other purpose
| |
| |-
| |
| ! scope="row" | .dontread
| |
| | Used for accessibility: not be read by screenreader
| |
| | Array question type
| |
| | <th class="dontread">
| |
| |
| |
| |-
| |
| ! scope="row" | .checkbox
| |
| | input[type=checkbox]
| |
| | Question with checkbox
| |
| | <input type="checkbox" class="checkbox">
| |
| | With modern browser: not needed but some old browser need this
| |
| |-
| |
| ! scope="row" | .radio
| |
| | input[type=radio]
| |
| | Question with radio
| |
| | <input type="radio" class="radio">
| |
| | With modern browser: not needed but some old browser need this
| |
| |-
| |
| ! scope="row" | .text
| |
| | input[type=text]
| |
| | Question with input text, or textarea
| |
| | <textarea class="text">
| |
| |
| |
| |-
| |
| ! scope="row" | .answertext
| |
| | Array question </code>type
| |
| | Answer part of array question type
| |
| | <th class="answertext">
| |
| |
| |
| |-
| |
| ! scope="row" | .col-answers
| |
| | Array question type
| |
| | Column of answet
| |
| | <col class="col-answers">
| |
| |
| |
| |-
| |
| ! scope="row" | .odd .even
| |
| | Array question type
| |
| | Alternation for column
| |
| | <col class="odd">
| |
| |
| |
| |-
| |
| ! scope="row" | .odd .even
| |
| | Array question type
| |
| | Alternation for column
| |
| | <col class="odd">
| |
| |
| |
| |-
| |
| ! scope="row" | .array1 .array2
| |
| | Array question type
| |
| | Alternation for line
| |
| | <tr class="array1">
| |
| |
| |
| |}
| |
| === Some example of question part with classes=== | | === Some example of question part with classes=== |