Formuliertekstcomponent (v1) form-text-component-v

Met de component Tekst van formulier voor kerncomponenttekst kan formuliertekst worden verzonden.

Gebruik usage

Met de component Formuliertekst kunt u verschillende typen tekst verzenden. Deze component is bedoeld voor gebruik samen met de component formuliercontainercomponent.

Het type tekstvalidatie, labels en Help-berichten kan worden gedefinieerd door de inhoudseditor in het dialoogvenster dialoogvenster configureren.

Versie en compatibiliteit version-and-compatibility

In dit document wordt versie 1 van de Form Text Component beschreven, die oorspronkelijk werd geĆÆntroduceerd met versie 1.0.0 van de Core Components met AEM 6.3.

In de volgende tabel wordt de compatibiliteit van versie 1 van de component Formuliertekst weergegeven.

AEM
Formuliertekstcomponent v1
6.3
Compatibel
6.4
Compatibel
CAUTION
In dit document wordt versie 1 van de component Formuliertekst beschreven.
Zie voor meer informatie over de huidige versie van de component Formuliertekst de Formuliertekstcomponent document.

Uitvoer van voorbeeldcomponent sample-component-output

Het volgende monster wordt genomen uit Wij.Detailhandel.

Schermafbeelding screenshot

HTML html

<div class="cmp cmp-form aem-GridColumn aem-GridColumn--default--12">
 <form method="POST" action="/content/we-retail/us/en/experience.html" id="new_form" name="new_form" enctype="multipart/form-data" class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
     <input type="hidden" name=":formstart" value="/content/we-retail/us/en/experience/jcr:content/root/responsivegrid/container">
     <div class="cmp cmp-form-field aem-GridColumn aem-GridColumn--default--12">
   <div class="form-group">
       <label for="form-text-978484744">How many pieces of toast would you like?</label>
          <input type="number" id="form-text-978484744" name="pieces">
   </div>
  </div>
 </form>
</div>

JSON json

"container": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              "columnCount": 12,
              "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12",
              ":items": {
                "text": {
                  "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
                  ":type": "weretail/components/form/text",
                  "name": "piecesOfToast",
                  "jcr:title": "How many pieces of toast would you like?",
                  "type": "number",
                  "rows": "2"
                }
              },
              ":itemsOrder": [
                "text"
              ],
              ":type": "weretail/components/form/container"
            }
NOTE
Voor JSON-export van de Core Components is release 1.1.0 van de Core Components vereist. Zie de compatibiliteitsinformatie voor Core Components v1 voor meer informatie .

Dialoogvenster configureren configure-dialog

In het dialoogvenster Configureren kan de auteur van de inhoud het type tekst definiƫren dat moet worden ingevoerd, evenals standaardwaarden en -labels.

Hoofd main

  • Restrictie - Het type tekst dat moet worden ingevoerd en waarvoor validatie wordt uitgevoerd

    • Tekst
    • Tekstgebied
    • E-mail
    • Tel
    • Datum
    • Getal
    • Wachtwoord
  • Tekstregels - Aantal regels dat in het tekstgebied moet worden weergegeven (alleen wordt weergegeven wanneer Restrictie is ingesteld op Tekstgebied)

  • Label - Het label dat voor het veld wordt weergegeven

  • Het label verbergen zodat het niet wordt weergegeven - Nodig als het etiket alleen voor toegankelijkheidsdoeleinden vereist is en geen aanvullende visuele informatie over het veld

  • Elementnaam - De naam van het veld dat met de formuliergegevens wordt verzonden

  • Waarde - Standaardwaarde die vooraf is ingevuld in het veld

Info about

  • Help-bericht - Een tip voor de gebruiker wat in het veld kan worden ingevoerd
  • Help-bericht weergeven als tijdelijke aanduiding - Het Help-bericht weergeven in de formulierinvoer als deze leeg en niet geconcentreerd is

Restricties constraints

  • Restrictiebericht

    • Bericht weergegeven als knopinfo bij het verzenden van het formulier als de waarde het gekozen type niet valideert
    • Niet weergegeven voor Tekst en Tekstgebied typen beperkingen
  • Vereist - Als deze optie is geselecteerd, moet de gebruiker een waarde invullen voordat het formulier wordt verzonden

  • Alleen-lezen maken - Indien geselecteerd kan de gebruiker de waarde van het veld niet wijzigen

Ontwerpdialoogvenster design-dialog

Er is geen ontwerpdialoogvenster voor de component Formuliertekst.

Technische details technical-details

De meest recente technische documentatie over de component Form Text kan op GitHub worden gevonden.

Het volledige kerncomponentenproject kan van GitHub worden gedownload.

Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c