Lue tehtävät läpi. Tee tehtävän harjoitus ohjeiden mukaan ja palauta tehtävässä luodut tiedostot sähköpostilla osoitteeseen www-ohjelmointi@petrit.net .

Luo HTML-dokumentti nimellä lomakeharjoitus.html.

Toteuta dokumenttiin lomake, jolla kysytään käyttäjältä oheiset tiedot. Pohdi, mikä elementti sopii parhaiten kunkin tiedon kysymiseen käytettävyyden ja haettavan informaation kannalta.

Lisää dokumenttiin muut tarpeelliset elementit (mm. ryhmät, otsikot ja selitystekstit). Mieti myös mitkä kentät ovat vastauksessa pakollisia. Tarkista lopuksi, että sivu validoituu ja korjaa mahdolliset virheet.

Lomakkeen action-attribuutiksi voit antaa osoitteen https://www.w3schools.com/action_page.php, jolloin lomake lähetetään käsiteltäväksi w3schoolsin palvelimelle, joka tulostaa lomakkeeseen syötetyt tiedot. Tarkastele kumpaa lähetysmetodia palvelin käsittelee.

Tyylittele lomaketta makusi mukaan esimerkiksi seuraavaan tapaan:

• Merkitse pakolliset required attribuutilla
• Alleviivaa otsikko.
• Lihavoi tärkeimmät kenttien nimet (nimi, ikä, osoite).
• Laita sivulle vaikka kuva.