linawolf/form-autocomplete

Offers the option to configure autocomplete properties for fields in the form backend editor.

dev-main 2023-07-10 12:36 UTC

Requires

• php: ^7.4 || ^8.0
• typo3/cms-backend: ^11.5 || ^12.4
• typo3/cms-core: ^11.5 || ^12.4
• typo3/cms-extbase: ^11.5 || ^12.4
• typo3/cms-extensionmanager: ^11.5 || ^12.4
• typo3/cms-fluid: ^11.5 || ^12.4
• typo3/cms-form: ^11.5 || ^12.4
• typo3/cms-frontend: ^11.5 || ^12.4
• typo3/cms-install: ^11.5 || ^12.4

Requires (Dev)

• friendsofphp/php-cs-fixer: ^3.0.0
• typo3/cms-belog: ^11.5 || ^12.4
• typo3/cms-felogin: ^11.5 || ^12.4
• typo3/cms-filelist: ^11.5 || ^12.4
• typo3/cms-info: ^11.5 || ^12.4
• typo3/cms-lowlevel: ^11.5 || ^12.4
• typo3/cms-tstemplate: ^11.5 || ^12.4
• typo3/testing-framework: ^7.0.0 || ^8.0.0

GPL-3.0-or-later

• Lina Wolf

• form
• accessibility
• TYPO3 CMS

README

Autocomplete properties for typo3/cms-form for TYPO3 v11.5 and v12.4. Is included in the TYPO3 Core starting with TYPO3 13.0, see Feature https://review.typo3.org/c/Packages/TYPO3.CMS/+/79208

Autocomplete

The :guilabel:`Autocomplete` select in the form editor can be used to define :html:`autocomplete` properties for input fields. This extension predefines the most common of the input purposes that are widely recognized by assistive technologies and recommended by the W3C. The HTML standard allows arbitrary values.

If you need to provide additional fields, you can reconfigure the autocomplete field with additional select options:

Add Autocomplete options to the backend editor

Extend the EXT:form configuration:

EXT:my_sitepackage/Configuration/TypoScript/setup.typoscript:

plugin.tx_form {
  settings {
    yamlConfigurations {
      # register your own additional configuration
      # choose a number higher than 10 (10 is reserved)
      100 = EXT:my_sitepackage/Configuration/Form/CustomFormSetup.yaml
    }
  }
}

Redefine the backend input in the extended YAML:

EXT:my_sitepackage/Configuration/Form/CustomFormSetup.yaml:

prototypes:
  standard:
    formElementsDefinition:
      Text:
        formEditor:
          editors:
            600:
              # Choose an index that is not in use yet
              12345:
                value: 'cc-name'
                label: 'cc-name - Full name as given on the payment instrument'