Painikkeiden Käyttö

<button>-elementti luo napsautettavia painikkeita verkkosivuille. Sen avulla käyttäjät voivat olla vuorovaikutuksessa sivun kanssa käynnistämällä toimintoja, kuten lomakkeen lähettämisen tai JavaScript-koodin suorittamisen. Vaikka emme keskity JavaScriptiin tässä kurssissa, on hyvä tietää, että tällainen mahdollisuus on olemassa.

Painiketyypit

• Tavallinen painike (<button type="button">): Yleiskäyttöinen painike erilaisiin toimintoihin verkkosivulla, kuten JavaScript-funktioiden käynnistämiseen tai toiselle sivulle siirtymiseen;
• Lähetä-painike (<button type="submit">): Käytetään lomakkeen sisällä lähettämään lomaketiedot palvelimelle;
• Palauta-painike (<button type="reset">): Käytetään lomakkeen sisällä palauttamaan kentät oletusarvoihinsa.

Esimerkki:

Yllä olevassa esimerkissä:

• Ensimmäinen painike on tavallinen painike, jossa on onclick-attribuutti, joka käynnistää hälytyksen painettaessa;
• Toinen painike on lähetä-painike, joka lähettää lomakkeen tiedot palvelimelle;
• Kolmas painike on nollauspainike, joka palauttaa lomakekentät oletusarvoihinsa.