Lomakkeen Luomisen Perusteet HTML:ssä

HTML:n <form>-elementti on keskeinen rakennusosa 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ä syötteissä;
• novalidate poistaa selaimen sisäänrakennetun validoinnin käytöstä, hyödyllinen kun validointi tehdään manuaalisesti JavaScriptillä.

Lapsielementtien yleiskatsaus

<form>-elementin sisällä käytetään erilaisia elementtejä, jotka määrittävät sen toiminnallisuuden. <input> mahdollistaa käyttäjän tietojen, kuten tekstin, numeroiden, sähköpostien ja salasanojen syöttämisen. Esimerkissä kentät käyttävät type="email" ja type="password". <label> tarjoaa kuvailevan tekstin syötteille ja parantaa lomakkeen rakennetta sekä saavutettavuutta. <button type="submit"> lähettää lomakkeen tiedot. Oletuksena tämä lataa sivun uudelleen, mutta toimintaa voi muuttaa JavaScriptillä.