Omasivusto.fi
Komponentit· Lomakkeet

Komponentit

Lomakkeet

Lomake- ja uutiskirjeosio. Lomakkeiden kentät, tarkistukset ja ehdot on dokumentoitu omilla sivuillaan.

2 komponenttia

Esimerkit piirretään valitulla teemalla: gallerian pohjan omat värit, fontit ja pyöristykset, tai tumma valmis paletti.

Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.

Lomakkeilla on omat sivunsa: jokainen kenttätyyppi, tarkistus, ehto ja kiitosviesti omalla esimerkillään. Lomakkeiden ominaisuudet

Lomake

Osio Kokeiltava form

Lomake sivulla: yhteydenotto, tarjouspyyntö, ilmoittautuminen tai hakemus. Lomake rakennetaan lomake-editorissa.

Tyylit (3)

Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.

Asetukset (4)
AsetusMuokataanOletus
Otsikko headingTeksti–
Sisältö introMuotoiltu teksti–
Lomake formIdTeksti–
Tyyli designValinta– (Perus · Kortissa · Teksti ja lomake rinnakkain)

Saavutettavuus

Jokaisella kentällä on näkyvä nimi, pakollisuus kerrotaan tekstinä, virheet luetaan ruudunlukijalle ja vievät kenttään, ja autocomplete täyttää tutut tiedot. Kosketusalueet ovat vähintään 44 px.

Käytössä 91 pohjassa

Kaikki 91 pohjaa

Uutiskirjeen tilaus

Osio Kokeiltava newsletter

Uutiskirjeen tilaus: sähköpostikenttä, suostumus ja lyhyt kuvaus siitä, mitä tilaaja saa.

Tyylit (4)

Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.

Asetukset (7)
AsetusMuokataanOletus
Otsikko headingTekstiTilaa uutiskirje
Teksti bodyPitkä teksti–
Lomake formIdLomake–
Tietosuojahuomautus lomakkeen alla noteTeksti–
Asettelu layoutValintaTeksti ja lomake vierekkäin (Teksti ja lomake vierekkäin · Keskitetty)
Tyyli variantValintaKortti (Kortti · Ei taustaa)
Tyyli designValinta– (Perus · Liukuväri · Viivojen välissä · Korostusreunus)

Saavutettavuus

Jokaisella kentällä on näkyvä nimi, pakollisuus kerrotaan tekstinä, virheet luetaan ruudunlukijalle ja vievät kenttään, ja autocomplete täyttää tutut tiedot. Kosketusalueet ovat vähintään 44 px.