E-postinmatning

Kärnkomponenten för indata för e-post med adaptiv form används för att samla in e-postadresser från användare. I e-postinmatningsfältet kan webbläsaren validera att de angivna data är ett giltigt e-postadressformat. Den representeras vanligtvis som en textruta och har mönstervalideringar som godkänner endast giltiga e-postadresser. E-postinmatningsfältet kan anpassas ytterligare med attribut som"required","placeholder" och"pattern" för att ange valideringar för inmatningsdata.

Exempel

Det finns många skäl till att det är bra att ta med en e-postindatakomponent i ett anpassat formulär, bland annat:

• Användarbekvämlighet: En e-postinmatning gör det enklare för användare att ange sina e-postadresser eftersom det ger en tydlig indikation på de data som förväntas i fältet.

• Personlig kommunikation: När du samlar in e-postadresser från användare via ett formulär kan du få personlig kommunikation, till exempel genom att skicka bekräftelsemeddelanden eller nyhetsbrev.

• Generering av leads: Genom att samla in e-postadresser via ett formulär kan företag skapa sin e-postlista och använda den för att generera leads.

• Användarautentisering: E-postadresser kan användas som ett sätt att autentisera åtkomst till begränsat innehåll eller begränsade tjänster.

• Feedback Collection: E-postindata i ett feedbackformulär gör det möjligt för företaget att kommunicera med användaren för uppföljning eller förtydligande av deras feedback.

Version och kompatibilitet

Den adaptiva Forms Accordion Core-komponenten släpptes i februari 2023 som en del av Core Components 2.0.4 för Cloud Service och Core Components 1.1.12 för AEM 6.5.16.0 Forms eller senare. Här är en tabell med alla versioner som stöds, AEM kompatibilitet och länkar till motsvarande dokumentation:

Mer information om versioner och versioner av kärnkomponenter finns i Huvudkomponentversioner -dokument.

Teknisk information

Hämta den senaste informationen om den adaptiva Forms E-postindatakärnkomponenten i den tekniska dokumentationen om GitHub. Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.

Konfigurera dialogruta

Du kan enkelt anpassa e-postinmatningen för besökare med dialogrutan Konfigurera. Du kan också enkelt definiera alternativ för e-postinmatning för en smidig användarupplevelse.

Fliken Grundläggande

• Namn - Namnet identifierar komponenten i regelredigeraren unikt. Specialtecken och mellanslag är inte tillåtna i namnsträngarna.

• Titel - Med dess titel kan du enkelt identifiera en komponent i ett formulär. Som standard visas titeln ovanpå komponenten. Om du inte lägger till en titel visas komponentens namn i stället för rubriktexten.

• Dölj titel - Välj alternativet om du vill dölja komponentens titel.

• Platshållartext - Platshållartext i en formulärkomponent refererar till en kort etikett eller en fråga som visas i ett inmatningsfält som ett tips till användaren om vilken typ av information som förväntas anges i det fältet. Platshållartext försvinner när användaren börjar skriva i fältet och visas igen om fältet lämnas tomt. Den ger användaren en visuell referens, men fungerar inte som en permanent etikett eller ett permanent värde för fältet.

• Bindningsreferens - En bind referens är en referens till ett dataelement som lagras i en extern datakälla och används i ett formulär. Med den binda referensen kan du binda data dynamiskt till formulärfält så att formuläret kan visa de senaste data från datakällan. En bindningsreferens kan till exempel användas för att visa en kunds namn och adress i ett formulär baserat på kundens ID som anges i formuläret. Bindningsreferensen kan också användas för att uppdatera datakällan med data som anges i formuläret. På så sätt kan AEM Forms skapa formulär som interagerar med externa datakällor, vilket ger en smidig användarupplevelse för att samla in och hantera data.

• Markera som obundet formulärelement: Välj alternativet att konfigurera ett formulärfält som inte är länkat till något schema. Med det här alternativet kan du spara data utan att uppdatera datakällan. Det gör det också möjligt att hantera data på ett anpassat sätt, skilt från standarddatabasintegrering.

• Dölj komponent - Välj alternativet att dölja komponenten från formuläret. Komponenten är fortfarande tillgänglig för andra syften, som att använda den för beräkningar i regelredigeraren. Detta är användbart när du behöver lagra information som inte behöver visas eller ändras direkt av användaren.

• Inaktivera komponent - Välj alternativet att inaktivera komponenten. Den inaktiverade komponenten är inte aktiv eller redigerbar av slutanvändaren. Användaren kan se fältets värde, men kan inte ändra det. Komponenten är fortfarande tillgänglig för andra syften, som att använda den för beräkningar i regelredigeraren.

• Skrivskyddad - Välj alternativet att göra komponenten icke-redigerbar. Användaren kan se fältets värde, men kan inte ändra det. Komponenten är fortfarande tillgänglig för andra syften, som att använda den för beräkningar i regelredigeraren.

• Standardvärde - Med det här alternativet kan du lägga till ett standardvärde i ett formulärfält. If Inaktiverad komponent eller Skrivskyddad komponent är markerat visas standardvärdet på skärmen. Om användaren inte anger något värde i formulärfältet skickas värdet när formuläret skickas

Fliken Validering

• Obligatoriskt - Välj det här alternativet om du vill visa komponenten i ett adaptivt formulär. När du har valt alternativet måste du ange ett värde innan du fortsätter med en formuläröverföring.Du kan inte välja Dölj komponent eller Inaktivera komponent i Grundläggande när det här alternativet är markerat.

• Felmeddelande - Med det här alternativet kan du ange ett meddelande som visas om Obligatoriskt kryssrutan är markerad och formulärfältet är tomt.

• Skriptverifieringsmeddelande - Med det här alternativet kan du ange ett meddelande som ska visas om skriptvalideringen misslyckas.

• Maximalt antal tecken - Med det här alternativet kan du ange det maximala antalet tecken som tillåts i fältet. Om du anger tecken som är större än det värde som anges i Maximalt antal tecken visas ett felmeddelande på skärmen. The Felmeddelande för högsta antal tecken kan du lägga till ett eget felmeddelande.

• Felmeddelande för högsta antal tecken - Felmeddelande för högsta antal tecken kan du lägga till ett anpassat felmeddelande om du anger tecken som är större än värdet som anges i Maximalt antal tecken alternativ.

• Minsta antal tecken - Med det här alternativet kan du ange det minsta antalet tecken som tillåts i fältet. Om du anger tecken som är mindre än det värde som anges i Minsta antal tecken visas ett felmeddelande på skärmen. The Felmeddelande för minsta antal tecken kan du lägga till ett eget felmeddelande.

• Felmeddelande för minsta antal tecken - Felmeddelande för minsta antal tecken kan du lägga till ett anpassat felmeddelande om du anger tecken som är mindre än värdet som anges i Minsta antal tecken alternativ.
  
  

  Med alternativet Valideringsmönster kan du ange ett mönster som validerar det angivna e-post-ID:t. Om e-post-ID:t inte kan valideras med det värde som anges i alternativet Pattern visas felmeddelandet på skärmen.

  • Mönster - Med det här alternativet kan du ange tillåtna verifieringsmönster för e-post. Reguljära uttryck tillåts också.
  • Felmeddelande - Med det här alternativet kan du ange ett meddelande som visas på skärmen om e-post-ID:t inte kan valideras med det värde som anges i alternativet Pattern

Fliken Hjälpinnehåll

• Kort beskrivning - En kort beskrivning är en kort textförklaring som ger ytterligare information eller förtydliganden om syftet med ett visst formulärfält. Det hjälper användaren att förstå vilken typ av data som ska anges i fältet och kan ge riktlinjer eller exempel som hjälper till att säkerställa att den angivna informationen är giltig och uppfyller de önskade kriterierna. Som standard är korta beskrivningar dolda. Aktivera Visa alltid kort beskrivning för att visa den under komponenten.

• Visa alltid kort beskrivning - Aktivera alternativet att visa den korta beskrivningen under komponenten.

• Hjälptext - Hjälptexten hänvisar till ytterligare information eller vägledning som användaren får för att hjälpa sig fylla i ett formulärfält på rätt sätt. Det visas när användaren klickar på hjälpikonen (i) som finns bredvid komponenten. Hjälptexten ger mer detaljerad information än etiketten eller platshållartexten för ett formulärfält och är utformad för att hjälpa användaren förstå fältets krav eller begränsningar. Den kan också ge förslag eller exempel som gör det enklare och exaktare att fylla i formuläret.

Fliken Tillgänglighet

Text för skärmläsare - Text för skärmläsare avser text som är avsedd att läsas av hjälpmedelstekniker, t.ex. skärmläsare, som används av personer med nedsatt syn. Den här texten innehåller en ljudbeskrivning av formulärfältets syfte och kan innehålla information om fältets titel, beskrivning, namn och relevanta meddelanden (anpassad text). Skärmläsartexten ser till att formuläret är tillgängligt för alla användare, även användare med nedsatt syn, och ger dem en fullständig förståelse för formulärfältet och dess krav.

Designdialogruta

Designdialogrutan används för att definiera och hantera CSS-format för e-postindatakomponenten.

Fliken Format

Fliken används för att definiera och hantera CSS-format för en komponent. Kärnkomponenten i den adaptiva e-postinmatningen från Forms stöder AEM Formatsystem.

• CSS-standardklasser: Du kan ange en standard-CSS-klass för den adaptiva Forms Date-picker Core Component.

• Tillåtna format: Du kan definiera format genom att ange ett namn och den CSS-klass som representerar formatet. Du kan till exempel skapa ett format med namnet"bold text" och ge CSS-klassen"font-weight: bold". Du kan använda eller tillämpa dessa format på ett adaptivt formulär i en anpassad Forms-redigerare. Om du vill använda ett format väljer du den komponent du vill använda formatet på i Adaptiv Forms-redigerare, navigerar till egenskapsdialogrutan och väljer önskat format i dialogrutan Stilar listruta. Om du behöver uppdatera eller ändra formaten går du tillbaka till designdialogrutan, uppdaterar formaten på formatfliken och sparar ändringarna.

Anpassade egenskaper

Med anpassade egenskaper kan du koppla anpassade attribut (nyckelvärdepar) till en anpassad formulärets kärnkomponent med hjälp av formulärmallen. De anpassade egenskaperna återspeglas i egenskapsavsnittet i den headless-renderingen av komponenten. Det gör att du kan skapa dynamiskt formulärbeteende som anpassas baserat på anpassade attributvärden. Utvecklare kan till exempel utforma olika renderingar av en Headless Forms-komponent för mobiler, datorer eller webbplattformar, vilket avsevärt förbättrar användarupplevelsen på en mängd olika enheter.

• Gruppnamn: Du kan ange ett namn som identifierar den anpassade egenskapsgruppen. Du kan lägga till, ta bort eller ordna om flera anpassade egenskapsgrupper. När du har lagt till den anpassade egenskapsgruppen kan du se följande alternativ:

  • Nyckelvärdepar: Du kan lägga till flera anpassade egenskapsnamn och anpassade egenskapsvärden genom att klicka på Lägg till för varje anpassad egenskapsgrupp.

  • Ta bort: Tryck eller klicka för att ta bort det anpassade egenskapsnamnet och det anpassade egenskapsvärdet.

  • Ordna om: Tryck eller klicka och dra för att ändra ordningen på det anpassade egenskapsnamnet och det anpassade egenskapsvärdet.

Fliken Format

På fliken Format kan du ange standardformat och anpassade datumformat.

Relaterade artiklar

• Dragspel
• Knapp
• Kryssrutegrupp
• Kryssruta
• Datumväljaren
• Nedrullningsbar lista
• E-postinmatning
• Formulärbehållare
• Bifogad fil
• Sidfot
• Sidhuvud
• Bild
• Nummerindata
• Panelbehållare
• Vågrät flik
• Lodrät flik
• Alternativknapp
• Återställ knapp
• Skicka-knapp
• Telefonindata
• Textindata
• Text
• Titel
• Fliken Villkor
• guide

Se även

• Skapa ett AEM anpassat formulär
• Lägg till ett AEM anpassat formulär på AEM Sites-sidan
• Använda teman i ett AEM anpassat formulär
• Lägga till komponenter i ett AEM adaptivt formulär
• Använd reCAPTCHA i en AEM adaptiv form
• Generera PDF-version (DoR) av ett AEM adaptivt formulär
• Översätt en AEM adaptiv form
• Aktivera Adobe Analytics för ett adaptivt formulär för att spåra formuläranvändning
• Ansluta anpassat formulär till Microsoft SharePoint
• Ansluta anpassat formulär till Microsoft Power Automate
• Ansluta anpassat formulär till Microsoft OneDrive
• Ansluta anpassat formulär till Microsoft Azure Blob Storage
• Ansluta anpassat formulär till Salesforce
• Använda Adobe Sign i en AEM anpassad form
• Lägga till en ny språkinställning för ett adaptivt formulär
• Skicka adaptiva formulärdata till en databas
• Skicka data för anpassat formulär till en REST-slutpunkt
• Skicka anpassade formulärdata till AEM arbetsflöde
• Använd Forms Portal för att lista AEM Adaptive Forms på en AEM webbplats