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:

form-attribuuttien selitys:

• name tunnistaa lomakkeen sekä asiakkaalle että palvelimelle. Saa sisältää kirjaimia, numeroita, alaviivoja ja tavuviivoja, mutta ei välilyöntejä;
• autocomplete määrittää, voiko selain täyttää lomakekentät automaattisesti (on tai off). Voidaan käyttää koko lomakkeessa tai yksittäisissä kentissä;
• novalidate poistaa 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ä.