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:
index.html
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.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain the difference between the button types in more detail?
What happens if I use a button without specifying the type?
Can you show more examples of how these buttons are used in forms?
Awesome!
Completion rate improved to 2.86Painikkeiden Käyttö
Pyyhkäise näyttääksesi valikon
<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:
index.html
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.
Kiitos palautteestasi!
