Formulärtextkomponent form-text-component
Med komponenten Core Component Form Text kan du skriva in formulärtext.
Användning usage
Komponenten Form Text tillåter olika typer av text och är avsedd att användas tillsammans med komponenten form container. Typen av textvalidering, etiketter och hjälpmeddelanden kan definieras av innehållsredigeraren i dialogrutan Konfigurera.
Version och kompatibilitet version-and-compatibility
Den aktuella versionen av Form Text Component är v2, som introducerades i version 2.0.0 av Core Components i januari 2018 och som beskrivs i det här dokumentet.
Följande tabell visar alla versioner av komponenten som stöds, de AEM versionerna som komponenterna är kompatibla med och länkar till dokumentation för tidigare versioner.
Mer information om versioner och versioner av kärnkomponenter finns i dokumentet Core Components Versions.
Exempel på komponentutdata sample-component-output
Om du vill visa Form Text Component och se exempel på dess konfigurationsalternativ samt HTML och JSON-utdata går du till komponentbiblioteket.
Teknisk information technical-details
Den senaste tekniska dokumentationen om Form Text Component finns på GitHub.
Mer information om hur du utvecklar kärnkomponenter finns i dokumentationen för kärnkomponentutvecklare.
Konfigurera dialogruta configure-dialog
I dialogrutan Konfigurera kan innehållsförfattaren definiera vilken typ av text som ska anges samt standardvärden och etiketter.
Fliken Egenskaper properties-tab
-
Begränsning - Den typ av text som ska anges och valideras mot
- Text
- Textområde
- E-post
- Tel
- Datum
- Number
- Lösenord
-
Textrader - Antal rader som ska visas i textområdet (visas bara när Begränsning är inställt på Textområde)
-
Etikett - Etiketten som ska visas för fältet
-
Dölj etiketten så att den inte visas - Behövs om etiketten endast är nödvändig för hjälpmedelssyften och inte tillför någon ytterligare visuell information om fältet
-
Elementnamn - Namnet på fältet som skickas med formulärdata
-
Värde - Standardvärde som är förifyllt i fältet
-
ID - Med det här alternativet kan du styra den unika identifieraren för komponenten i HTML och i datalagret.
- Om inget anges genereras ett unikt ID automatiskt åt dig och du hittar det genom att granska den resulterande sidan.
- Om ett ID anges är det författarens ansvar att se till att det är unikt.
- Om du ändrar ID:t kan det påverka spårningen av CSS, JS och datalager.
Fliken Om about-tab
- Hjälpmeddelande - Ett tips till användaren om vad som kan anges i fältet
- Visa hjälpmeddelandet som platshållare - Om du vill visa hjälpmeddelandet i formulärindata när det är tomt och inte i fokus
Fliken Begränsningar constraints-tab
-
Begränsningsmeddelande
- Meddelande som visas som verktygstips när formuläret skickas om värdet inte validerar vald typ
- Visas inte för begränsningstyperna Text och Textområde
-
Obligatoriskt - Om det här alternativet är markerat måste användaren fylla i ett värde innan formuläret skickas
- Obligatoriskt meddelande - Meddelande visas som ett verktygstips om fältet lämnas tomt
-
Gör skrivskyddad - Om det här alternativet är markerat kan användaren inte ändra fältets värde
Designdialogruta design-dialog
Fliken Format styles-tab
Komponenten Form Text har stöd för AEM Style System.