Fundamentals of Form Creation in HTML:n perusteet
Pyyhkäise näyttääksesi valikon
HTML:n <form>-elementti on keskeinen rakennuspalikka interaktiivisten lomakkeiden luomisessa verkkosivulle. Se toimii säiliönä kaikille lomake-elementeille. Tarkastellaan esimerkkiä peruslomakkeesta:
Kaikissa esimerkeissä on mukana onsubmit="return false" -attribuutti, joka estää lomakkeen oletusarvoisen lähetyskäyttäytymisen. Näin huomio pysyy lomakkeen luomisessa ja attribuuttien ymmärtämisessä.
index.html
form-attribuuttien selitys:
nametunnistaa lomakkeen sekä asiakkaalle että palvelimelle. Saa sisältää kirjaimia, numeroita, alaviivoja ja tavuviivoja, mutta ei välilyöntejä;autocompletemäärittää, voiko selain täyttää lomakekentät automaattisesti (on tai off). Voidaan käyttää koko lomakkeessa tai yksittäisissä kentissä;novalidatepoistaa selaimen sisäänrakennetun validoinnin käytöstä, hyödyllinen kun validointi tehdään manuaalisesti JavaScriptillä.
Lomakkeen lapsielementtien yleiskatsaus
<form>-elementin sisällä käytetään erilaisia elementtejä, jotka määrittävät sen toiminnallisuuden. <input> mahdollistaa käyttäjän syöttää tietoja, kuten tekstiä, numeroita, sähköpostiosoitteita ja salasanoja. Esimerkissä kentissä käytetään type="email" ja type="password". <label> antaa kuvailevan tekstin syötekentille ja parantaa lomakkeen rakennetta sekä saavutettavuutta. <button type="submit"> lähettää lomakkeen tiedot. Oletuksena tämä lataa sivun uudelleen, mutta toimintaa voi muuttaa JavaScriptillä.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Fundamentals of Form Creation in HTML:n perusteet
HTML:n <form>-elementti on keskeinen rakennuspalikka interaktiivisten lomakkeiden luomisessa verkkosivulle. Se toimii säiliönä kaikille lomake-elementeille. Tarkastellaan esimerkkiä peruslomakkeesta:
Kaikissa esimerkeissä on mukana onsubmit="return false" -attribuutti, joka estää lomakkeen oletusarvoisen lähetyskäyttäytymisen. Näin huomio pysyy lomakkeen luomisessa ja attribuuttien ymmärtämisessä.
index.html
form-attribuuttien selitys:
nametunnistaa lomakkeen sekä asiakkaalle että palvelimelle. Saa sisältää kirjaimia, numeroita, alaviivoja ja tavuviivoja, mutta ei välilyöntejä;autocompletemäärittää, voiko selain täyttää lomakekentät automaattisesti (on tai off). Voidaan käyttää koko lomakkeessa tai yksittäisissä kentissä;novalidatepoistaa selaimen sisäänrakennetun validoinnin käytöstä, hyödyllinen kun validointi tehdään manuaalisesti JavaScriptillä.
Lomakkeen lapsielementtien yleiskatsaus
<form>-elementin sisällä käytetään erilaisia elementtejä, jotka määrittävät sen toiminnallisuuden. <input> mahdollistaa käyttäjän syöttää tietoja, kuten tekstiä, numeroita, sähköpostiosoitteita ja salasanoja. Esimerkissä kentissä käytetään type="email" ja type="password". <label> antaa kuvailevan tekstin syötekentille ja parantaa lomakkeen rakennetta sekä saavutettavuutta. <button type="submit"> lähettää lomakkeen tiedot. Oletuksena tämä lataa sivun uudelleen, mutta toimintaa voi muuttaa JavaScriptillä.
Kiitos palautteestasi!
