Summary  
This chapter explains how to use the HTML `<button>` tag to create interactive buttons that trigger actions (such as form submission or JavaScript functions) and highlights the need to specify the `type` attribute to control default behavior.

General domain of usage  
Web user interface development

HTML:n `<button>`-elementtiä käytetään luomaan klikattava painike, joka voi käynnistää toiminnon, kuten lomakkeen lähettämisen, JavaScript-funktion suorittamisen (esimerkiksi ponnahdusikkunan avaaminen tai sulkeminen) tai mobiilivalikon vaihtamisen. Oletuksena `<button>`-elementillä on `type`-attribuutti, jonka arvo on `submit`. Usein on kuitenkin tarpeen määrittää `type="button"`.

PGJ1dHRvbiB0eXBlPSJidXR0b24iPk9wZW4gbW9iaWxlIG1lbnU8L2J1dHRvbj4=

`<a>`-elementtiä käytetään hyperlinkkien luomiseen muihin verkkosivuihin, asiakirjoihin tai resursseihin.

Sen sijaan `<button>`-elementtiä käytetään vuorovaikutteisuuden luomiseen verkkosivulla, tapahtuman käynnistämiseen tai toiminnon suorittamiseen. On tärkeää olla sekoittamatta niiden käyttötarkoituksia.

Huomio

Voiko lomakkeen lähettämiseen käyttää `<button>`-tägiä?

Mikä on tärkein ero `<a>`-tägin ja `<button>`-tägin välillä?

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

Painikkeiden Lisääminen

1. Voiko lomakkeen lähettämiseen käyttää `<button>`-tägiä?

2. Mikä on tärkein ero `<a>`-tägin ja `<button>`-tägin välillä?

Painikkeiden Lisääminen

1. Voiko lomakkeen lähettämiseen käyttää <button>-tägiä?

2. Mikä on tärkein ero <a>-tägin ja <button>-tägin välillä?

1. Voiko lomakkeen lähettämiseen käyttää `<button>`-tägiä?

2. Mikä on tärkein ero `<a>`-tägin ja `<button>`-tägin välillä?