Omasivusto.fi
Komponenter· Formulär

Komponenter

Formulär

Formulär- och nyhetsbrevssektionen. Formulärens fält, kontroller och villkor dokumenteras på egna sidor.

2 komponenter

Exemplen ritas med det valda temat: en gallerimalls egna färger, typsnitt och rundningar, eller en mörk färdig palett.

Exemplen fungerar i testläge: inget sparas på en riktig webbplats, inga meddelanden skickas och betalningarna är testbetalningar.

Formulären har egna sidor: varje fälttyp, kontroll, villkor och tackmeddelande med ett eget exempel. Formulärens funktioner

Form

Sektion Prova form

Ett formulär på sidan: kontakt, offertförfrågan, anmälan eller ansökan. Formuläret byggs i formulärredigeraren.

Stilar (3)

Välj en stil så byter exemplet ovan till den. Innehållet förblir detsamma, bara utseendet ändras.

Inställningar (4)
InställningRedigeras somStandard
Heading headingText–
Body introFormaterad text–
Form formIdText–
Stil designVal– (Grund · I ett kort · Text och formulär bredvid)

Tillgänglighet

Varje fält har en synlig etikett, obligatoriska fält anges i text, fel läses upp och leder till fältet och autocomplete fyller i bekanta uppgifter. Pekytorna är minst 44 px.

Används i 91 mallar

Alla 91 mallar

Prenumerera på nyhetsbrev

Sektion Prova newsletter

Anmälan till nyhetsbrev: ett e-postfält, samtycke och en kort beskrivning av vad prenumeranten får.

Stilar (4)

Välj en stil så byter exemplet ovan till den. Innehållet förblir detsamma, bara utseendet ändras.

Inställningar (7)
InställningRedigeras somStandard
Heading headingTextTilaa uutiskirje
Text bodyLång text–
Form formIdFormulär–
Integritetsnotis under formuläret noteText–
Layout layoutValText och formulär bredvid varandra (Text och formulär bredvid varandra · Centrerad)
Style variantValKort (Kort · Ingen bakgrund)
Stil designVal– (Grund · Toning · Mellan linjer · Accentkant)

Tillgänglighet

Varje fält har en synlig etikett, obligatoriska fält anges i text, fel läses upp och leder till fältet och autocomplete fyller i bekanta uppgifter. Pekytorna är minst 44 px.