diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_advancedPassword_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_advancedPassword_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c651aee138d880250b3a587a7e59d07185ae0cc
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_advancedPassword_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_advancedPassword_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_advancedPassword_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..3300850c37200ce37534f55a30f829d5c9728dad
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_advancedPassword_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_all.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_all.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa1731b1b89810315eb50113f7654388b8439b40
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_all.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_checkbox_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_checkbox_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e1b5ec4fe01cf05aa23a9f6d5fccdeb1d6ca921
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_checkbox_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_checkbox_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_checkbox_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2cc7a81e96d12090cf46ee58d58f0a4a436d08da
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_checkbox_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_contentElement_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_contentElement_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..70c3f4f3eb26544c88f603f13f8a14434fd54c0f
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_contentElement_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_contentElement_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_contentElement_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dcd6e6730955a8ad16f53003e7126734312503f
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_contentElement_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_datePicker_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_datePicker_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8825e30d58e961093f6f04accad72761c7523fe
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_datePicker_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_datePicker_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_datePicker_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..aff3f005bdbfff5c1ed52fc8d192fa4564756183
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_datePicker_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_date_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_date_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..004c541e9246331a24e63ccbe954f5091fb7a530
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_date_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_date_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_date_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..57d032f4d07dc3ffc0afb932b718474874e3f04f
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_date_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_email_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_email_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5451db012ba9c092923f8f21ea2f2ce8cbbeda83
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_email_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_email_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_email_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe3d0dcf54054b1cec53aca22bc86bbbebd6447a
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_email_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..862a74eb15bcee73abb8e240c40998dd06a78bf2
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..1daa01c6f55ecef7eff13a71637119acccedc961
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_3.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..eddcde9546cb1c8880491b47d80415eee722e556
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fieldset_3.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fileUpload_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fileUpload_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8bce1cf7a908aa56b3162c41d7abd5923294ddc
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fileUpload_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fileUpload_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fileUpload_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8f73eb20d40d54585c4bd887eb05ddb2b775437
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_fileUpload_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a8408b59dd861dfc720d686990beca417b243b4
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a4b20d4944b0e4ce747e40d4ec16b28ad17c1f1
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_3.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..be5f74d555c966a6a4f4d85dce7543c36d7b98e6
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_3.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_4.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9d2f8a60df98f235452f86e0a6eb69dc87fda79
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_grid_4.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_hidden_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_hidden_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c54a62b1b9b8f60c5b6fbf4140e952ff3b6cbbb3
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_hidden_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_hidden_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_hidden_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0b71402dd55223e048013aca06cd7e6c4f4b6e9
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_hidden_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_imageUpload_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_imageUpload_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..88bf6e27a5b621fd5d38462b5ed7bd8ec0bc0c5b
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_imageUpload_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_imageUpload_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_imageUpload_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..11f29f580ef1d28e420db4254b954c376b67d7d2
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_imageUpload_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiCheckbox_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiCheckbox_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d54ce730029084adb97e2590d894b430e4ab7354
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiCheckbox_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiCheckbox_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiCheckbox_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a49f9a623b29887c1b18fc20b80f592d12d9853
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiCheckbox_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiSelect_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiSelect_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d321a851c24d8842df7ea2149bdca284ccf9e51f
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiSelect_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiSelect_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiSelect_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..03e94c1f57282a4372d0535d88a34815f46482cd
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_multiSelect_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_number_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_number_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e89a257f5c3940a111dac8fe0b91cc06f04f919
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_number_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_number_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_number_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..dbb47fec3e7e414438884d42dacdc54fcd58d28f
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_number_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_password_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_password_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c388adab1784055ef10787b35f64d04537c3cf3
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_password_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_password_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_password_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5b1792d5e0bdaeda43441ce6b453a067ce12a54
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_password_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_radioBtn_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_radioBtn_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..73eec51f5f9eea94eba3b51f36d327a171e21f1c
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_radioBtn_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_radioBtn_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_radioBtn_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b204eaf30b2e04b8518ddaaf7f705301e7b2092
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_radioBtn_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_singleSelect_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_singleSelect_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab8ff5e2781df6cda62a640d02452af71fd149f5
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_singleSelect_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_singleSelect_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_singleSelect_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d2771f9babc131b844f4b4e6a5fb592b8e49249
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_singleSelect_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_staticText_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_staticText_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..43a0ec055eee4ae388498215357b5f1bcf75f8ec
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_staticText_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_staticText_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_staticText_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a7dc1bc413d7e03a3b428bd2178045ba090c80d
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_staticText_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_telephone_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_telephone_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c02fbe218b69b514f463a9bde56b9c281b1d314a
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_telephone_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_telephone_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_telephone_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..7273145eadb724c71bdce9d86be31c63a75db4d0
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_telephone_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_text_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_text_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a22349e05654c98f7b7a723b72c0ef74d10dd23
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_text_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_text_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_text_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec9005730788938d73946979f8e9bcb8372efb87
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_text_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_textarea_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_textarea_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c831b8e1b86b56350b0cae822d584e5147ea7193
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_textarea_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_textarea_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_textarea_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ccbee08b90d6713d18949828d27e50019b2fab7
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_textarea_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_url_1.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_url_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..1dc21fe05a80228aa0c9bc4f9792cfb09521a7c2
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_url_1.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_url_2.png b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_url_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..247d3a9774c3093ade697ad4c8c8ed3092737cb0
Binary files /dev/null and b/typo3/sysext/form/Documentation/E/FormElements/Images/form_elements_url_2.png differ
diff --git a/typo3/sysext/form/Documentation/E/FormElements/Index.rst b/typo3/sysext/form/Documentation/E/FormElements/Index.rst
new file mode 100644
index 0000000000000000000000000000000000000000..a5fd6d94f6a7bcc38b964c9d7fa82f143dbcc1e7
--- /dev/null
+++ b/typo3/sysext/form/Documentation/E/FormElements/Index.rst
@@ -0,0 +1,670 @@
+.. include:: /Includes.rst.txt
+
+
+.. _form-elements:
+
+==================================
+Form elements and their properties
+==================================
+
+
+.. _form-elements-overview-of-form-elements:
+
+Overview of form elements
+-------------------------
+
+.. figure:: Images/form_elements_all.png
+   :alt: Overview of all form elements included in the TYPO3 core. There may
+    be fewer or different elements in your installation.
+
+Overview of all form elements included in the TYPO3 delivery. There may be
+fewer or different elements in your installation.
+
+
+.. _form-elements-settings:
+
+Generally available settings of form elements
+---------------------------------------------
+
+By default, most form elements have these basic options:
+
+- **Label**: Label of the element.
+- **Description**: Descriptive explanation of the element. Can be used to
+  provide the user with more information about the expected input.
+- **Placeholder**: Example of the expected content. Disappears with the user's
+  input.
+- **Default value**: Preset value. Pre-entered by the system and does not
+  disappear with the user's input.
+- **Mandatory field**: Specify whether the field is a mandatory field and thus
+  must be filled in by the user.
+- **Custom error message**: Custom message that will be displayed to the user
+  if the field is not filled in. If you don't provide a message, a default
+  message is shown.
+- **Validators**: Validators are used to check the data entered into the
+  field. The system displays error messages in case of errors.
+
+.. warning::
+
+   If a form element is a required field or other validators take effect, error
+   messages are displayed by the browser. Both the formatting and the text
+   cannot be directly influenced by you as editor or by integrators.
+   This is controlled by the browser respectively your operating system.
+
+
+.. _form-elements-basic-elements:
+
+Basic elements
+--------------
+
+
+.. _form-elements-basic-elements-text:
+
+Text
+====
+
+A single-line text field, e.g. for entering short information such as name,
+address, location. The settings for this element adhere to the
+:ref:`default<form-elements-settings>`.
+
+.. figure:: Images/form_elements_text_1.png
+   :alt: Element 'Text' - preview in the frontend.
+
+Element 'Text' - preview in the frontend.
+
+.. figure:: Images/form_elements_text_2.png
+   :alt: Settings for the 'Text' element.
+
+Settings for the 'Text' element.
+
+
+.. _form-elements-basic-elements-textarea:
+
+Textarea
+========
+
+A multi-line text field, e.g. for the free input of continuous text. This allows
+the user to provide extensive information such as a message. The settings for
+this element adhere to the :ref:`default<form-elements-settings>`.
+
+.. figure:: Images/form_elements_textarea_1.png
+   :alt: Element 'Textarea' - preview in the frontend.
+
+Element 'Textarea' - preview in the frontend.
+
+.. figure:: Images/form_elements_textarea_2.png
+   :alt: Settings for the 'Textarea' element.
+
+Settings for the 'Textarea' element.
+
+
+.. _form-elements-basic-elements-password:
+
+Password
+========
+
+A single-line text field for entering a password. The browser "hides" the text
+input, i.e. the entered characters are not visible. The settings for this element
+adhere to the :ref:`default<form-elements-settings>`.
+
+.. figure:: Images/form_elements_password_1.png
+   :alt: Element 'Password' - preview in the frontend.
+
+Element 'Password' - preview in the frontend.
+
+.. figure:: Images/form_elements_password_2.png
+   :alt: Settings for the 'Password' element.
+
+Settings for the 'Password' element.
+
+
+.. _form-elements-special-elements:
+
+Special elements
+================
+
+It is important that you understand and use special elements. Especially
+smartphones and other mobile devices display different on-screen keyboards.
+Instead of entering an e-mail address via the "Text" form element, you should
+use the "Email address" element. The on-screen keyboard then directly contains
+the "@" character in a central position. In addition, other validators take effect
+immediately. For example, the "Email address" element checks for a correct
+input format, e.g. "firstname.lastname@example.org".
+
+
+.. _form-elements-special-elements-email:
+
+Email address
+==============
+
+A sinlge-line field for entering an email address. The settings for this element
+adhere to the :ref:`default<form-elements-settings>`. In addition, the field is
+equipped with the validator `Email` and cannot receive any other validator.
+
+.. figure:: Images/form_elements_email_1.png
+   :alt: Element 'E-mail' - preview in the frontend.
+
+Element 'E-mail' - preview in the frontend.
+
+.. figure:: Images/form_elements_email_2.png
+   :alt: Settings for the 'E-mail' element.
+
+Settings for the 'E-mail' element.
+
+
+.. _form-elements-special-elements-telephone-number:
+
+Telephone number
+================
+
+A single-line text field for entering a phone number. The settings for this element
+adhere to the :ref:`default<form-elements-settings>`.
+
+.. figure:: Images/form_elements_telephone_1.png
+   :alt: Element 'Telephone' - preview in the frontend.
+
+Element 'Telephone' - preview in the frontend.
+
+.. figure:: Images/form_elements_telephone_2.png
+   :alt: Settings for the 'Telephone' element.
+
+Settings for the 'Telephone' element.
+
+
+.. _form-elements-special-elements-url:
+
+URL
+===
+
+A single-line text field for entering a URL. A URL is typically an internet
+address, such as that of your website. The settings for this element adhere to
+the :ref:`default<form-elements-settings>`.
+
+.. figure:: Images/form_elements_url_1.png
+   :alt: Element 'URL' - preview in the frontend.
+
+Element 'URL' - preview in the frontend.
+
+.. figure:: Images/form_elements_url_2.png
+   :alt: Settings for the 'URL' element.
+
+Settings for the 'URL' element.
+
+
+.. _form-elements-special-elements-number:
+
+Number
+======
+
+A single-line text field for entering a number. The user can count up and down
+the entered number in preconfigured steps using visual controls in the browser.
+The settings for this element adhere to the :ref:`default<form-elements-settings>`.
+By default, the field is equipped with the `Number` validator. Additional settings:
+
+- **Step**: Here you can enter a number that defines the step size. By this step
+  size the number entered by the user will be counted up or down in the frontend.
+
+.. figure:: Images/form_elements_number_1.png
+   :alt: Element 'Number' - preview in the frontend.
+
+Element 'Number' - preview in the frontend.
+
+.. figure:: Images/form_elements_number_2.png
+   :alt: Settings for the 'Number' element.
+
+Settings for the 'Number' element.
+
+
+.. _form-elements-special-elements-date:
+
+Date
+====
+
+A single-line text field for entering a date. In addition,
+`modern browsers <https://caniuse.com/input-datetime>`_ display a calendar from
+which the user can select the date. At least partially 96% of browsers support
+this feature. The settings for this element adhere to the
+:ref:`default<form-elements-settings>`. Additional settings:
+
+- **Frequency**: default value "1" means that the user can select every day.
+
+.. figure:: Images/form_elements_date_1.png
+   :alt: Element 'Date' - preview in the frontend.
+
+Element 'Date' - preview in the frontend.
+
+.. figure:: Images/form_elements_date_2.png
+   :alt: Settings for the 'Date' element.
+
+Settings for the 'Date' element.
+
+
+.. _form-elements-select-elements:
+
+Select elements
+---------------
+
+Select elements do not allow text input. Instead, they offer a predefined
+number of choices. For example, you can query information such as the salutation.
+
+.. note::
+
+    Select elements behave differently with regard to validating those fields as
+    required. For example, checkboxes with multiple choices cannot be
+    validated as mandatory fields. This is not supported by the HTML standard.
+
+
+.. _form-elements-select-elements-checkbox:
+
+Checkbox
+========
+
+A simple checkbox. The settings for this element adhere to the :ref:`default<form-elements-settings>`.
+
+.. figure:: Images/form_elements_checkbox_1.png
+   :alt: Element 'Checkbox' - preview in the frontend.
+
+Element 'Checkbox' - preview in the frontend.
+
+.. figure:: Images/form_elements_checkbox_2.png
+   :alt: Settings for the 'Checkbox' element.
+
+Settings for the 'Checkbox' element.
+
+
+.. _form-elements-select-elements-single-select:
+
+Single select
+=============
+
+An element to create a drop-down list. The setting for this element adhere to the
+:ref:`default<form-elements-settings>`. Additional settings:
+
+- **First option**: Define the "empty option", i.e. the first element of the
+  select. You can use this to provide additional guidance for the user.
+- **Choices**: A tool to insert and manage the options.
+   - **Label**: Name of the option.
+   - **Value**: Technical value of the option. The system automatically sets the
+     "Value" to the value of the "Label". You can leave it like this if you don't
+     understand what you are doing.
+   - **Selected**: Check this to pre-select an option in the frontend.
+   - **[ + ]**: Adds a new line for a new option.
+
+.. figure:: Images/form_elements_singleSelect_1.png
+   :alt: Element 'Single select' - preview in the frontend.
+
+Element 'Single select' - preview in the frontend.
+
+.. figure:: Images/form_elements_singleSelect_2.png
+   :alt: Settings for the 'Single select' element.
+
+Settings for the 'Single select' element.
+
+
+.. _form-elements-select-elements-radiobutton:
+
+Radio button
+============
+
+An element to display one or more radio buttons. The settings for this element
+adhere to the :ref:`default<form-elements-settings>`. Additional settings:
+
+- **Choices**: A tool to insert and manage the options.
+   - **Label**: Name of the option.
+   - **Value**: Technical value of the option. The system automatically sets the
+     "Value" to the value of the "Label". You can leave it like this if you don't
+     understand what you are doing.
+   - **Selected**: Check this to pre-select an option in the frontend.
+   - **[ + ]**: Adds a new line for a new option.
+
+.. figure:: Images/form_elements_radioBtn_1.png
+   :alt: Element 'Radio button' - preview in the frontend.
+
+Element 'Radio button' - preview in the frontend.
+
+.. figure:: Images/form_elements_radioBtn_2.png
+   :alt: Settings for the 'Radio button' element.
+
+Settings for the 'Radio button' element.
+
+
+.. _form-elements-select-elements-multi-checkbox:
+
+Multi checkbox
+==============
+
+An element to create one or more checkboxes. The settings for this element adhere
+tothe :ref:`default<form-elements-settings>`. Additional settings:
+
+- **Choices**: A tool to insert and manage the options.
+   - **Label**: Name of the option.
+   - **Value**: Technical value of the option. The system automatically sets the
+     "Value" to the value of the "Label". You can leave it like this if you don't
+     understand what you are doing.
+   - **Selected**: Check this to pre-select an option in the frontend.
+   - **[ + ]**: Adds a new line for a new option.
+
+.. figure:: Images/form_elements_multiCheckbox_1.png
+   :alt: Element 'Multi checkbox' - preview in the frontend.
+
+Element 'Multi checkbox' - preview in the frontend.
+
+.. figure:: Images/form_elements_multiCheckbox_2.png
+   :alt: Settings for the 'Multi checkbox' element.
+
+Settings for the 'Multi checkbox' element.
+
+.. warning::
+
+    As a required field, this element cannot directly be validated by **HTML**.
+    Only after the attempt to submit the form, the element is validated and
+    recognized that it must be filled.
+
+
+.. _form-elements-select-elements-multi-select:
+
+Multi select
+============
+
+An element to create a multiple selection. The settings for this element adhere
+to the :ref:`default<form-elements-settings>`. Additional settings:
+
+- **First option**: Define the "empty option", i.e. the first element of the
+  select. You can use this to provide additional guidance for the user.
+- **Choices**: A tool to insert and manage the options.
+   - **Label**: Name of the option.
+   - **Value**: Technical value of the option. The system automatically sets the
+     "Value" to the value of the "Label". You can leave it like this if you don't
+     understand what you are doing.
+   - **Selected**: Check this to pre-select an option in the frontend.
+   - **[ + ]**: Adds a new line for a new option.
+
+.. figure:: Images/form_elements_multiSelect_1.png
+   :alt: Element 'Multi select' - preview in the frontend.
+
+Element 'Multi select' - preview in the frontend.
+
+.. figure:: Images/form_elements_multiSelect_2.png
+   :alt: Settings for the 'Multi select' element.
+
+Settings for the 'Multi select' element.
+
+
+.. _form-elements-advanced-elements:
+
+Advanced elements
+-----------------
+
+
+.. _form-elements-advanced-elements-file-upload:
+
+File upload
+===========
+
+An element to upload a file to the 'TYPO3 File list'. The settings for this item
+adhere to the :ref:`default<form-elements-settings>`. Additional settings:
+
+- **Allowed Mime Types**: Select the allowed file extensions a user is able to
+  upload.
+- **Storage path for uploads**: Select the path within your TYPO3 installation.
+  This is where the uploaded file will be saved.
+
+.. figure:: Images/form_elements_fileUpload_1.png
+   :alt: Element 'File upload' - preview in the frontend.
+
+Element 'File upload' - preview in the frontend.
+
+.. figure:: Images/form_elements_fileUpload_2.png
+   :alt: Settings for the 'File upload' element.
+
+Settings for the 'File upload' element.
+
+.. error::
+
+    **Privacy issues**:
+    Keep in mind that the storage path you choose may not be protected. The path may
+    be indexed by your search and search engines. If you need to protect sensitive
+    documents, contact your administrator to create a secure storage path.
+
+
+.. _form-elements-advanced-elements-datepicker:
+
+Date picker
+===========
+
+A single-line text field to select a date using a calendar. A JavaScript library
+is used for this purpose. This form element is an alternative to the `Date`
+element, which is also supported by older browsers (e.g. Internet Explorer 11).
+However, it has limited accessibility. The settings for this element adhere to the
+:ref:`default<form-elements-settings>`. Additional settings:
+
+- **Date format**: select date format (e.g. **d.m.Y** or **Y-m-d** or **d-m-Y**)
+   - **d**: stands for day
+   - **m**: stands for month
+   - **Y**: stands for year
+- **Enable date selection**: Check this to display a calendar.
+- **Show time selection**: Check this to display two drop downs for '**Hour**'
+  and '**Minute**' respectively.
+
+.. figure:: Images/form_elements_datePicker_1.png
+   :alt: Element 'Date picker' - preview in the frontend.
+
+Element 'Date picker' - preview in the frontend.
+
+.. figure:: Images/form_elements_datePicker_2.png
+   :alt: Settings for the 'Date picker' element.
+
+Settings for the 'Date picker' element.
+
+
+.. _form-elements-advanced-elements-hidden:
+
+Hidden
+======
+
+This field is not visible in the frontend. The form element is inside the red
+rectangle in the image. Such a field is usually needed for technical aspects,
+e.g. to add hidden values to the form. The settings for this element adhere to
+the :ref:`default<form-elements-settings>`. Additional settings:
+
+- **Value**: Here you can set a value for the element.
+
+.. figure:: Images/form_elements_hidden_1.png
+   :alt: Element 'Hidden' - preview in the frontend.
+
+Element 'Hidden' - preview in the frontend.
+
+.. figure:: Images/form_elements_hidden_2.png
+   :alt: Settings for the 'Hidden' element.
+
+Settings for the 'Hidden' element.
+
+
+.. _form-elements-advanced-elements-image-upload:
+
+Image upload
+============
+
+An element to upload an image to the 'TYPO3 File list'. The settings for this
+item adhere to the :ref:`default<form-elements-settings>`. Other settings:
+
+- **Allowed Mime Types**: Select the allowed file extensions a user is able to
+  upload.
+- **Storage path for uploads**: Select the path within your TYPO3 installation.
+  This is where the uploaded file will be saved.
+
+.. figure:: Images/form_elements_imageUpload_1.png
+   :alt: Element 'Image upload' - preview in the frontend.
+
+Element 'Image upload' - preview in the frontend.
+
+.. figure:: Images/form_elements_imageUpload_2.png
+   :alt: Settings for the 'Image upload' element.
+
+Settings for the 'Image upload' element.
+
+.. error::
+
+    **Privacy issues**:
+    Keep in mind that the storage path you choose may not be protected. The path may
+    be indexed by your search and search engines. If you need to protect sensitive
+    documents, contact your administrator to create a secure storage path.
+
+
+.. _form-elements-advanced-elements-advanced-password:
+
+Advanced password
+=================
+
+The element is analogous to the `Password` form element. A single-line text
+field is displayed for entering a password. The browser "hides" the text input,
+i.e. the entered characters are not visible. Another field is displayed below it
+so that the user has to repeat the password. This ensures that the user did not
+make a typing error. Such a field is useful especially for registration
+forms. The settings for this element adhere to the :ref:`default<form-elements-settings>`.
+Additional settings:
+
+- **Confirmation label**: Label for the confirmation field.
+
+.. figure:: Images/form_elements_advancedPassword_1.png
+   :alt: Element 'Advanced password' - preview in the frontend.
+
+Element 'Advanced password' - preview in the frontend.
+
+.. figure:: Images/form_elements_advancedPassword_2.png
+   :alt: Settings for the 'Advanced password' element.
+
+Settings for the 'Advanced password' element.
+
+
+.. _form-elements-advanced-elements-static-text:
+
+Static text
+===========
+
+A field for static text. You can't format the text, which means you can't
+insert links or highlight text. Instead, the text is output in the style of
+your website. The settings for this element are:
+
+- **Heading**: Heading for the element.
+- **Text**: Content for the element.
+
+.. figure:: Images/form_elements_staticText_1.png
+   :alt: Element 'Static text' - preview in the frontend.
+
+Element 'Static text' - preview in the frontend.
+
+.. figure:: Images/form_elements_staticText_2.png
+   :alt: Settings for the 'Static text' element.
+
+Settings for the 'Static text' element.
+
+
+.. _form-elements-advanced-elements-content-element:
+
+Content element
+================
+
+You can display any content element of your website. The settings for
+this element are:
+
+- **Content element uid**: ID of the content element you want to display. You can
+  either enter the ID manually or select it comfortably via the page tree.
+  To do this, click on the "Page content" button.
+- **[ Page content ]**: Modal which displays the page tree. You can select
+  a page and a corresponding content element.
+
+.. figure:: Images/form_elements_contentElement_1.png
+   :alt: Element 'Content element' - preview in the frontend.
+
+Element 'Content element' - preview in the frontend.
+
+.. figure:: Images/form_elements_contentElement_2.png
+   :alt: Settings for the 'Content element' element.
+
+Settings for the 'Content element' element.
+
+
+.. _form-elements-container-elements:
+
+Container elements
+------------------
+
+Container elements are not directly visible. Instead, they help you structure
+your form in terms of content or visual appearance. The different elements can
+be combined. For example, a field group can contain several grids.
+
+
+.. _form-elements-container-elements-fieldset:
+
+Fieldset
+========
+
+You can use this container to group several elements in the form. This is a
+content-based structuring, i.e. you create a context content-wise. This is
+awarded by screen readers and helps you to improve the accessibility of your form.
+A typical fieldset would be, for example, "Address". Within this fieldset you have
+form elements for the street, house number, postal code and city. The settings for
+this element are:
+
+- **Field group name**: Heading for the field group, e.g. "Address".
+
+.. figure:: Images/form_elements_fieldset_1.png
+   :alt: Element 'Fieldset' - preview in the frontend.
+
+Element 'Fieldset' - preview in the frontend.
+
+.. figure:: Images/form_elements_fieldset_2.png
+   :alt: Element 'Fieldset' - preview in the backend.
+
+Element 'Fieldset' - preview in the backend.
+
+.. figure:: Images/form_elements_fieldset_3.png
+   :alt: Settings for the 'Fieldset' element.
+
+Settings for the 'Fieldset' element.
+
+
+.. _form-elements-container-elements-grid:
+
+Grid
+====
+
+You can use this container element to place fields next to each other.
+Obviously, this is a visual structuring.
+
+**The additional settings apply to the content elements within the grid**:
+
+- **Configuration Grid Area**:
+   - Areas: **xs** (Very small), **sm** (Small), **md** (Medium), **lg** (Large),
+     **xl** (Extra large), **xxl** (Extra extra large).
+   - These are the so-called breakpoints. These are specific ranges of
+     resolutions or adaptations to the different screen sizes. Smartphones,
+     for example, have a low resolution range (xs or sm), while desktop monitors
+     have a high resolution range (lg, xl or xxl). You can use this to
+     abstractly control how many elements are displayed next to each other in
+     which resolution.
+- **Number of columns for grid area "xx"**:
+   - Here you can enter a number for the selected area.
+   - The number determines how much space the field takes up on the various
+     screen sizes and thus ultimately how many elements are displayed next to
+     each other.
+
+.. figure:: Images/form_elements_grid_1.png
+   :alt: Element 'Grid' - preview in the frontend.
+
+Element 'Grid' - preview in the frontend.
+
+.. figure:: Images/form_elements_grid_2.png
+   :alt: Element 'Grid' - preview in the backend.
+
+Element 'Grid' - preview in the backend.
+
+.. figure:: Images/form_elements_grid_3.png
+   :alt: Settings for the 'Grid' element - Part 1.
+
+Settings for the 'Grid' element - Part 1.
+
+.. figure:: Images/form_elements_grid_4.png
+   :alt: Settings for the 'Grid' element - Part 2.
+
+Settings for the 'Grid' element - Part 2.
diff --git a/typo3/sysext/form/Documentation/E/Index.rst b/typo3/sysext/form/Documentation/E/Index.rst
index ba827a9c9a719a1732989e9198a7740867a3a53f..faaee02f66789608ef9742fe05aeeb1a823ea587 100644
--- a/typo3/sysext/form/Documentation/E/Index.rst
+++ b/typo3/sysext/form/Documentation/E/Index.rst
@@ -3,10 +3,57 @@
 
 .. _forEditors:
 
-============
+===========
 For Editors
-============
+===========
+
+Introduction to forms
+---------------------
+
+Forms are managed with the **TYPO3 extension "Form "**. Form is a TYPO3 core
+extension, which is available by default since TYPO3 version 8.
+
+What can Form do?
+-----------------
+
+- TYPO3 core extension
+- flexible, extensible and easy to use
+- easy working via drag-and-drop
+- live preview of forms
+- reuse of forms
+- create templates for new forms
+- Set mandatory fields
+- Set different finishers (downstream processes) for forms
+- Automatic protection against spam
+- multi-step forms
+
+What can't Form do?
+-------------------
+
+Editors reach their limits with Form in certain use cases.
+
+- limited formatting of form labels
+- limited support of multilingualism
+- limited possibilities for textual design of sent mails
+
+When do I use Form?
+-------------------
+
+- for contact forms
+- for application forms
+- when I want to use simple or special forms
+- when I want to use different forms on my pages
+
+Notes on data protection
+------------------------
+
+Sent forms are not stored in the TYPO3 backend for privacy reasons. There are
+TYPO3 extensions that retrofit such behavior. We recommend not to use such
+extensions. Instead, you should check if the form data can be transferred
+directly to your CRM or similar tools.
 
 .. toctree::
+   :maxdepth: 1
 
    Tutorials/Index
+   FormElements/Index
diff --git a/typo3/sysext/form/Documentation/I/Index.rst b/typo3/sysext/form/Documentation/I/Index.rst
index 1521ef789e56d043a5dfff1873c890d7521878d4..cad851b6e24c18895bc3ad59144611d257d95c53 100644
--- a/typo3/sysext/form/Documentation/I/Index.rst
+++ b/typo3/sysext/form/Documentation/I/Index.rst
@@ -8,7 +8,7 @@ For Integrators
 ===============
 
 .. toctree::
-   :hidden:
+   :maxdepth: 1
 
    Concepts/Index
    Config/Index