Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele Haaste: Rakenna Verkkolomake | Taulukot ja Lomakkeet
HTML:n Perusteet

bookHaaste: Rakenna Verkkolomake

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.

index.html

index.html

index.js

index.js

copy

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.
index.html

index.html

index.js

index.js

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you show me an example of the HTML form structure for this task?

How do I display the submitted feedback on the browser window?

What should the JavaScript code look like to handle the form submission?

bookHaaste: Rakenna Verkkolomake

Pyyhkäise näyttääksesi valikon

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.

index.html

index.html

index.js

index.js

copy

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.
index.html

index.html

index.js

index.js

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 4
some-alt