Aller au contenu principal
x
Paramètres de l'élément
Date/heure
A unique element key. Can only contain lowercase letters, numbers, and underscores.
 
This is used as a descriptive label when displaying this webform element.
Paramètres de date
The placeholder will be shown in the element until the user starts entering a value.
Suffixe
Saisir le format de date en utilisant Formater une date/heure locale.
A description of the range of years to allow, like '1900:2050', '-3:+3' or '2000:+3', where the first value describes the earliest year and the second the latest year in the range. A year in either position means that specific year. A +/- value describes a dynamic value that is that many years earlier or later than the current year at the time the webform is displayed. Use min/max validation to define a more specific date range.
Specifies the minimum date. To limit the minimum date to the submission date use the [webform_submission:created:html_date] token.Accepts any date in any GNU Date Input Format. Strings such as today, +2 months, and Dec 9 2004 are all valid.
Specifies the maximum date. To limit the maximum date to the submission date use the [webform_submission:created:html_date] token.Accepts any date in any GNU Date Input Format. Strings such as today, +2 months, and Dec 9 2004 are all valid.
Date jours de la semaine
Specifies the day(s) of the week.
Datetime element is designed to have sane defaults so any or all can be omitted. Both the date and time components are configurable so they can be output as HTML5 datetime elements or not, as desired.
Time settings
The placeholder will be shown in the element until the user starts entering a value.
Format de temps
Enter time format using Time Input Format.
Time format is only applicable for browsers that do not have support for the HTML5 time element. Browsers that support the HTML5 time element will display the time using the user's preferred format.
Specifies the minimum time.
Specifies the maximum time.
Time step
Enter interval in seconds.
Specifies the minute intervals.
A short description of the element used as help for the user when they use the webform.
Displays a Help tooltip after the element's title.
The text displayed in Help tooltip after the element's title.Defaults to the element's title
The text displayed in Help tooltip after the element's title.
Displays a read more hide/show widget below the element's description.
The click-able label used to open and close more text.Par défaut : More
A long description of the element that provides form additional information which can opened and closed.
Détermine l'emplacement du titre.
Determines the placement of the description.
Determines the placement of the Help tooltip.
Text or code that is placed directly in front of the input. This can be used to prefix an input with a constant string. Examples: $, #, -.
Text or code that is placed directly after the input. This can be used to add a unit to an input. Examples: lb, kg, %.
Make this element non-editable with the user entered (e.g. via developer tools) value ignored. Useful for displaying default value. Changeable via JavaScript.
Allow element to be populated using query string parameters.
Cochez cette option si l'utilisateur doit entrer une valeur.
If set, this message will be used when a required webform element is empty, instead of the default "Field x is required." message.
Check that all entered values for this element are unique.
Check that entered values for this element is unique for the current source entity.
Check that entered values for this element are unique for the current user.
If set, this message will be used when an element's value are not unique, instead of the default "La valeur %value a déjà été soumise pour l'élément %name. Vous avez peut-être déjà soumis ce webform, ou vous devez utiliser une valeur différente." message.
Specifies the minimum date/time. To limit the minimum date/time to the submission date/time use the [webform_submission:created:html_datetime] token.Accepts any date in any GNU Date/Time Input Format. Strings such as today, +2 months, and Dec 9 2004 10:00 PM are all valid.
Specifies the maximum date/time. To limit the maximum date/time to the submission date/time use the [webform_submission:created:html_datetime] token.Accepts any date in any GNU Date/Time Input Format. Strings such as today, +2 months, and Dec 9 2004 10:00 PM are all valid.
Logique conditionnelle
State Élément Trigger/Value Operations
si of the following is met:
Enter a number range (1:100)
When this element is hidden, this element's value will be cleared.
The default value of the webform element. For multiple options, use commas to separate multiple defaults.Accepts any date in any GNU Date Input Format. Strings such as today, +2 months, and Dec 9 2004 are all valid.You may use tokens. Tokens should use the 'html_date' or 'html_datetime' date format. (i.e. [current-user:field_date_of_birth:date:html_date])
This is used as the table header for this webform element when displaying multiple values.
This is used by the add/remove (+/-) icons.
This is used when there are no items entered.
Minimum items defaults to 0 for optional elements and 1 for required elements.
If unchecked, the elements will no longer be sortable.
If unchecked, the add/remove (+/x) buttons will be removed from each table row.
If unchecked, the add button will be removed from each table row.
If unchecked, the remove button will be removed from each table row.
If checked, an add more input will be added below the multiple values.
If checked, users will be able to input the number of items to be added.
This is used as the add more items button label for this webform element when displaying multiple values.
This is used as the add more items input label for this webform element when displaying multiple values.
Classes CSS de Enveloppe (wrapper)
Apply classes to the element's wrapper around both the field and its label. Select 'custom…' to enter custom classes.
Appliquer des styles personnalisés à l'enveloppe de l'élément, englobant le champ et son étiquette.
Enter additional attributes to be added to the element's wrapper.
Classes CSS de Élément
Apply classes to the élément. Select 'custom…' to enter custom classes.
Appliquer les styles personnalisés au élément.
Saisir les attributs supplémentaires à ajouter au élément.
Apply classes to the element's label.
Apply custom styles to the element's label.
Enter additional attributes to be added to the element's label.
Élément individuel
Format de l'élément
Un format de date défini par l'utilisateur. Consulter le manuel PHP pour les options disponibles.
Sélectionner comment une valeur unique est affichée.
The HTML to display for a single element value. You may include HTML or Twig. You may enter data from the submission as per the "variables" below.
The text to display for a single element value. You may include Twig. You may enter data from the submission as per the "variables" below.

En savoir plus sur Twig et comment il est utilisé dans Drupal.

Les variables suivantes sont disponibles :

  • {{ value }}
  • {{ item.value }}
  • {{ item.raw }}
  • {{ item.custom_date_formate }}
  • {{ item.fallback }}
  • {{ item.html_date }}
  • {{ item.html_datetime }}
  • {{ item.html_month }}
  • {{ item.html_time }}
  • {{ item.html_week }}
  • {{ item.html_year }}
  • {{ item.html_yearless_date }}
  • {{ item.long }}
  • {{ item.medium }}
  • {{ item.short }}
  • {{ data.element_key }}
  • {{ data['element_key'] }}
  • {{ data.element_key.delta }}
  • {{ data['element_key']['delta'] }}
  • {{ data.composite_element_key.subelement_key }}
  • {{ data.composite_element_key.delta.subelement_key }}
  • {{ original_data }}
  • {{ elements }}
  • {{ elements_flattened }}
  • {{ serial }}
  • {{ sid }}
  • {{ uuid }}
  • {{ token }}
  • {{ uri }}
  • {{ created }}
  • {{ completed }}
  • {{ changed }}
  • {{ in_draft }}
  • {{ current_page }}
  • {{ remote_addr }}
  • {{ uid }}
  • {{ langcode }}
  • {{ webform_id }}
  • {{ entity_type }}
  • {{ entity_id }}
  • {{ locked }}
  • {{ sticky }}
  • {{ notes }}
  • {{ webform }}
  • {{ webform_submission }}

Vous pouvez également rendre les jetons en utilisant la fonction webform_token().

{{ webform_token('[webform_submission:values:element_value]', webform_submission, [], options) }}

You can debug data using the webform_debug() function.

{{ webform_debug(data) }}
Éléments multiples
Select how multiple values are displayed.
The HTML to display for multiple element values. You may include HTML or Twig. You may enter data from the submission as per the "variables" below.
The text to display for multiple element values. You may include Twig. You may enter data from the submission as per the "variables" below.

En savoir plus sur Twig et comment il est utilisé dans Drupal.

Les variables suivantes sont disponibles :

  • {{ value }}
  • {{ items }}
  • {{ data.element_key }}
  • {{ data['element_key'] }}
  • {{ data.element_key.delta }}
  • {{ data['element_key']['delta'] }}
  • {{ data.composite_element_key.subelement_key }}
  • {{ data.composite_element_key.delta.subelement_key }}
  • {{ original_data }}
  • {{ elements }}
  • {{ elements_flattened }}
  • {{ serial }}
  • {{ sid }}
  • {{ uuid }}
  • {{ token }}
  • {{ uri }}
  • {{ created }}
  • {{ completed }}
  • {{ changed }}
  • {{ in_draft }}
  • {{ current_page }}
  • {{ remote_addr }}
  • {{ uid }}
  • {{ langcode }}
  • {{ webform_id }}
  • {{ entity_type }}
  • {{ entity_id }}
  • {{ locked }}
  • {{ sticky }}
  • {{ notes }}
  • {{ webform }}
  • {{ webform_submission }}

Vous pouvez également rendre les jetons en utilisant la fonction webform_token().

{{ webform_token('[webform_submission:values:element_value]', webform_submission, [], options) }}

You can debug data using the webform_debug() function.

{{ webform_debug(data) }}
Classes CSS de Display
Apply classes to the element's display wrapper. Select 'custom…' to enter custom classes.
Apply custom styles to the element's display wrapper.
Enter additional attributes to be added to the element's display wrapper.
The admin title will always be displayed when managing elements and viewing & downloading submissions.If an element's title is hidden, the element's admin title will be displayed when viewing a submission.
Admin notes/comments are display next to the element title in the form builder and visible in the form's YAML source
Private elements are shown only to users with results access.
Create submission
Select roles and users that should be able to populate this element when creating a new submission.
Roles
Select roles and users that should be able to update this element when updating an existing submission.
Roles
Select roles and users that should be able to view this element when viewing a submission.
Roles
If unchecked, the element is never displayed. The element will only be visible within the form builder and hidden from all other displays including submission details, results, and download.