Komponenter för adaptiva formulärblock och deras egenskaper

Med Edge Delivery Services för AEM Forms kan du skapa användarvänliga och interaktiva formulär med hjälp av olika komponenter. Dessa komponenter klarar olika typer av datainsamling och kan enkelt anpassas efter dina specifika behov.

Det adaptiva Forms-blocket genererar en enhetlig HTML-struktur för alla fälttyper och behållare (paneler), vilket ger en konsekvent hantering. Den här konsekventa strukturen gör det enklare att formatera ett formulär.

Tillgängliga komponenter

Här är en översikt över de tillgängliga komponenterna:

Indatafält

Markeringskontroller

Behållare

Komponentegenskaper

Varje formulärkomponent har olika egenskaper som gör att du kan styra dess beteende och utseende. Här är de egenskaper som stöds av adaptiva Forms Block-komponenter:

Egenskap

Tillämpliga komponenter

Information

Typ

Alla

Anger komponentens typ. Den här egenskapen avgör inmatningsfältets beteende och utseende. För textinmatningar kan till exempel typen vara "text", "email" för e-postinmatningar och "password" för lösenordsinmatningar. Adaptivt Forms-block har stöd för alla giltiga indatatyper i HTML5, textarea, select och fältset som typ.

Namn

Alla

Identifierar komponenten för att skicka formulär. Attributet name används när formulärdata skickas till servern och associerar användarindata med ett specifikt fält.

Etikett

Alla

Ger kontextuell information till användare. Etiketten är den text som visas bredvid komponenten och ger användarna vägledning om vilken information som ska anges.

Värde

Text, Lösenord, E-post, Nummer, Intervall, Datum och dess varianter (datetime-local, month, week, time), Kryssruta, Radio, Hidden, Submit, Button

Anger komponentens startvärde. För textinmatningar, textområden och markerade element visas detta som standardtext eller standardalternativ. För alternativknappar och kryssrutekomponenter är detta det värde/de data som skickas när de markeras. Attributet value är valfritt men ska betraktas som obligatoriskt för kryssrutor och alternativinmatningar.

Platshållare

Text, Tel, Email, Password, Date (och dess varianter som month, week, time, datetime-local), Number, Range

Visar tips för förväntade indata. Platshållarattributet ger ett kort tips som beskriver det förväntade värdet för indatafältet. Det försvinner när användaren börjar skriva.

Beskrivning

Alla

Ger ytterligare information om komponenten och fungerar som hjälptext. Beskrivningsfältet innehåller mer information om syftet eller instruktionerna för att fylla i komponenten. Det underlättar för användarna att förstå inmatningsfältets kontext.

Synlig

Alla

Styr inledande synlighet. Attributet visible är en boolesk egenskap som avgör om komponenten från början är synlig eller dold när formuläret läses in. Om värdet är true visas fältet, annars döljs det.

Obligatoriskt

Text, Tel, E-post, Lösenord, Datum och dess varianter (datetime-local, month, week, time), Number, Checkbox, Radio, File, Select (dropdown), TextArea

Anger om fältet måste fyllas i innan det skickas. Det obligatoriska attributet är en boolesk egenskap som används för att ange om användaren måste ange indata för fältet innan formuläret skickas.

Min

Datum (och dess varianter som månad, vecka, tid, datetime-local), Number, intervall

Anger det minsta tillåtna värdet. Min-attributet anger det lägsta värde som användaren kan ange i fältet. För talinmatningar definieras t.ex. det lägsta godtagbara talet.

Max

Datum (och dess varianter som månad, vecka, tid, datetime-local), Number, intervall

Anger högsta tillåtna värde. Attributet max anger det maximala värde som användaren kan ange i fältet. För datumindata definieras till exempel det högsta godtagbara datumet.

Acceptera

Fil

Definierar tillåtna filtyper. Attributet accept är en kommaavgränsad lista med unika filtypsspecifikationer som begränsar de filtyper som användare kan välja i ett filindatafält.

Flera

Fil

Tillåter flera markeringar. Attributet multiple är en boolesk egenskap som används med filinmatningsfält. Om värdet är true kan användarna välja mer än en fil.

Alternativ

Listruta

Anger alternativ för rullgardinsmenyer. Egenskapen options är en kommaavgränsad lista med alternativ för listrutor, som definierar de alternativ som kan markeras och visas för användaren.

Markerad

Kryssruta, radio

Anger om fältet är markerat som standard. Attributet checked är en boolesk egenskap som används med kryssrutor och alternativinmatningar. Om värdet är true innebär det att fältet är markerat som standard när formuläret läses in.

Fieldset

Alla

Grupperar fält för att skapa visuellt distinkta avsnitt i ett formulär. Fältelementet grupperar relaterade fält i ett formulär och skiljer dem visuellt för att förbättra organisationen och användarupplevelsen.
Om du vill ordna en uppsättning fält i en fältuppsättning använder du bara egenskapen fieldset och anger namnattributet. I exemplet nedan visar vi hur alternativknappar är inkapslade i en enda fältuppsättning för bättre sortering.

Upprepningsbar

Alla

En boolesk egenskap för fieldset som anger att en viss fältuppsättning kan upprepas för angivet Min och Max antal gånger. Egenskapen Min ska anges till 1 eller högre, ställ inte in egenskapen Min på 0.

Synligt uttryck

Alla

Ett synligt uttryck refererar till en kalkylbladsformel, som betecknas med taggen '=', som används för att styra synligheten för ett fält. I den här formeln kan bara egenskapen value i andra fält användas, vilket gör att synlighet i fält kan hanteras enkelt i systemet.

Värdeuttryck

Alla

Ett värdeuttryck refererar till en kalkylbladsformel, som betecknas med taggen '=', som används för att kontrollera värdet i ett fält. I den här formeln kan bara värdeegenskapen i andra fält användas, vilket gör det enkelt att hantera fältvärdet i systemet.

Se även