## Tehtävä
Luo HTML-lomake käyttäjäpalautteen keräämistä varten. Pyydä käyttäjiä syöttämään nimensä ja kommenttinsa. Tässä harjoituksessa JavaScript-skripti sisällytetään vain havainnollistamistarkoituksessa. Harjoituksen jälkeen palautelomakkeen tiedot voidaan syöttää ja lähettää, minkä jälkeen ne näytetään selainikkunassa.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlVzZXIgRmVlZGJhY2sgRm9ybTwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VXNlciBGZWVkYmFjayBGb3JtPC9oMT4KICAgIAogICAgPCEtLSBTdGVwIDE6IENyZWF0ZSB0aGUgZm9ybSBzdHJ1Y3R1cmUgLS0+CiAgICA8X19fX18gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgICAgIDxsYWJlbCBmb3I9Im5hbWUtZmllbGQiPk5hbWU6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJuYW1lLWZpZWxkIiBuYW1lPSJuYW1lIiBwbGFjZWhvbGRlcj0iWW91ciBuYW1lIiByZXF1aXJlZCAvPjxiciAvPgogICAgICA8bGFiZWwgZm9yPSJjb21tZW50cy1maWVsZCI+Q29tbWVudHM6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJjb21tZW50cy1maWVsZCIgbmFtZT0iY29tbWVudHMiIHBsYWNlaG9sZGVyPSJZb3VyIGZlZWRiYWNrIiByZXF1aXJlZCAvPjxiciAvPgogICAgICAKICAgICAgPCEtLSBTdGVwIDI6IEFkZCBhIHN1Ym1pdCBidXR0b24gLS0+CiAgICAgIDxfX19fXyB0eXBlPSJfX19fXyI+U3VibWl0PC9fX19fXz4KICAgIDwvX19fX18+CgogICAgPCEtLSBUaGUgc2NyaXB0IGlzIGFkZGVkIG9ubHkgZm9yIHRoZSBkZW1vbnN0cmF0aW9uIHB1cnBvc2UgLS0+CiAgICA8c2NyaXB0IHNyYz0iaW5kZXguanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGNvbW1lbnRzSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJjb21tZW50cyJdLnZhbHVlOwoKICAvLyBEaXNwbGF5aW5nIGZvcm0gaW5wdXQgdmFsdWVzIGluIGFuIGFsZXJ0CiAgYWxlcnQoIk5hbWU6ICIgKyBuYW1lSW5wdXQgKyAiXG5Db21tZW50czogIiArIGNvbW1lbnRzSW5wdXQpOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Vihje
- Vaihe 1: Luo lomakkeen rakenne käyttämällä `<form>`-tägiä.
- Vaihe 2: Lisää `<button>`-elementti, jonka `type="submit"`, palautteen lähettämistä varten.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlVzZXIgRmVlZGJhY2sgRm9ybTwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VXNlciBGZWVkYmFjayBGb3JtPC9oMT4KICAgIAogICAgPCEtLSBTdGVwIDE6IENyZWF0ZSB0aGUgZm9ybSBzdHJ1Y3R1cmUgLS0+CiAgICA8Zm9ybSBvbnN1Ym1pdD0icmV0dXJuIGZhbHNlIj4KICAgICAgPGxhYmVsIGZvcj0ibmFtZS1maWVsZCI+TmFtZTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9Im5hbWUtZmllbGQiIG5hbWU9Im5hbWUiIHBsYWNlaG9sZGVyPSJZb3VyIG5hbWUiIHJlcXVpcmVkIC8+PGJyIC8+CiAgICAgIDxsYWJlbCBmb3I9ImNvbW1lbnRzLWZpZWxkIj5Db21tZW50czo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvbW1lbnRzLWZpZWxkIiBuYW1lPSJjb21tZW50cyIgcGxhY2Vob2xkZXI9IllvdXIgZmVlZGJhY2siIHJlcXVpcmVkIC8+PGJyIC8+CiAgICAgIAogICAgICA8IS0tIFN0ZXAgMjogQWRkIGEgc3VibWl0IGJ1dHRvbiAtLT4KICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgogICAgPC9mb3JtPgoKICAgIDwhLS0gVGhlIHNjcmlwdCBpcyBhZGRlZCBvbmx5IGZvciB0aGUgZGVtb25zdHJhdGlvbiBwdXJwb3NlIC0tPgogICAgPHNjcmlwdCBzcmM9ImluZGV4LmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Hallitse HTML:n perusteet rakentaaksesi hyvin jäsenneltyä ja saavutettavaa verkkosisältöä. Opi jäsentämään dokumentteja käyttämällä tageja, elementtejä ja attribuutteja. Käsittele sujuvasti tekstiä, listoja, kuvia, ääntä ja videota rikastuttaaksesi verkkosivuja. Luo taulukoita järjestetyn datan esittämiseen ja lomakkeita käyttäjän syötteiden ja vuorovaikutuksen mahdollistamiseen. Tutustu semanttiseen HTML:ään saavutettavuuden parantamiseksi ja rakenna kokonaisia, toiminnallisia verkkosivustorakenteita alusta alkaen.

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

Haaste: Rakenna Verkkolomake

Tehtävä

Vihje