TESTING AREA for teachers - real service at plus.tuni.fi
Tietovisa HTML-lomakkeella¶
Tässä harjoituksessa teet upean ja jännittävän historiallisen tietovisan!
Miten tietovisan implementoidaan?
Tietovisa koostuu kolmesta kysymyksestä, joista jokaisella on kolme vastausvaihtoehtoa. Sivulla on oltava myös painike lomakkeen lähettämistä varten. Kuten varmaan tiedätkin, “input”-elementtien on sijaittava “form”-elementin sisällä.
Sivun ensimmäinen otsikko tulee olla “h1”, kysymykset merkitään “p”- eli paragraph-elementeillä ja vastaukset seuraavassa muodossa:
<input type="radio" name="usa-president" value="George Washington" id="george-washington">George Washington<br>
Käytä esimerkkikuvan tekstejä tämän harjoituksen yksinkertaistamiseksi; id:t on määritettävä oikein, jotta harjoitus läpäisee testit.
Tärkeää: - Päivitä jokaisen kysymyksen arvo (val) ja tunnus (id).
Jos haluat, voit lisätä CSS-tyylejä saadaksesi sivusta visuaalisesti näyttävämmän, mutta CSS ei kuitenkaan tuo lisäpisteitä.
Attention
On tärkeää käyttää oikeita syötetyyppejä (input type). Alla on luettelo tarvittavista answer-kenttien id:stä:
george-washington
george-bush
george-walker-bush
corsica
capri
lipari
new-chester
old-york
new-amsterdam
id:t on liitettävä oikeisiin “input”-elementteihin, jotta testit toimivat. Esimerkiksi:
✔️ George Washington = george-washington
✔️ Corsica = corsica
Tarkista koodisi! Sivun HTML-koodin tulee olla validia ja toimia selaimessa. Tarkista koodi W3C-validaattorilla ennen lähettämistä: W3C Validator
Näistä sivuista voi olla apua:
A+ esittää tässä kohdassa tehtävän palautuslomakkeen.