Lomakkeet

Käyttäjälle ainoa tapa syöttää www-järjestelmään arvoja on www-lomake.

Lomake, form-elementti

Lomakkeen määrittää form-elementti, sen alku- ja lopputagien väliin tulevat kaikki muut lomakkeen elementit.

<form> Määrittää lomakkeen

Attribuutit

• action - URL - Määrittää mihin lomakkeen tiedot lähetetään, kun loamke suoritetaan
• accept-charset - charset - Määrittää merkistöt, joilla palvelin voi käsitellä lomakkeen tietoja
• enctype
• application/x-www-form-urlencoded
• multipart/form-data
• text/plain
• Määrittää kuinka lomakkeen tiedot tulee koodata ennen lähettämistä palvelimelle
• method - get tai post - Määrittää tieojen lähetystavan
• name - teksti - Määrittää lomakkeelle nimen

Syötekenttä, input-elementti

Varsinaiset syötteet sijoitetaan input-elementteihin, joita on useita eri tyyppisiä. Attribuutti type määrittää minkätyyppisestä input-elementistä on kyse.

<input /> Määrittää syöte-elementin

Attribuutit

• accept - MIME_tyyppi - Määrittää tiedostotyypit, joita voidaan lähettää ladattassa( kun type="file")
• alt - teksti - Määrittää vaihtoehtoisen tekstin kuvassyötteelle (kun type="image")
• checked - checked - Määrittää elemntin esivalituksi siviua ladattaessa (kun type="checkbox" tai type="radio")
• disabled - disabled - Määrittää että elementti ei ole käytössä sivua ladattaessa
• maxlength - numero - Määrittää maklsimipituuden merkeissä (kun type="text" tai type="password")
• name - teksti - Määrittää nimen elementille
• readonly - readonly - Määrittää kentän vain luku-tyyppiseksi (kun type="text" tai type="password")
• size - numero - Määrittää keneetän leveyden
• src - URL - Määrittää kuvan URL:n, kun kuvaa käytetäänsuorita-painikkeena
• type Määrittää elementin tyypin
• button
• checkbox
• file
• hidden
• image
• password
• radio
• reset
• submit
• text
• tel
• search url
• email
• datetime
• date
• month
• week
• time
• datetime-local
• number
• range
• color
• value - Määrittää elementin arvon
• required - Muuntaa kentän pakolliseksi
• autocomplete - Täydentää automaattisesti
• min - Pienin sallittu arvo
• max - Suurin sallittu arvo
• placeholder - Elementin sisässä näkyvä teksti

Tekstialue, textarea-elementti

<textarea> Määrittää monirivisen tekstisyöte-elementin

Attribuutit

• cols - numero - Määrittää näkyvän leveyden tekstialueelle
• rows - numero - Määrittää näkyvien rivien määrän tekstialueelle
• disabled - disabled - Määrittää että elementti ei ole käytössä sivua ladattaessa
• name - teksti - Määrittää nimen elementille
• readonly - readonly - Määrittää kentän vain luku-tyyppiseksi

Otsikko, label-elementti

<label> Määrittää syöte-elementin otsikon

Attribuutit

• for - elementin id - Määrittää mihin elementtiin otsikko on sidoksissa
• tabindex - - Määrittää kenttien läpikäyntijärjestyksen

Reuna, fieldset-elementti

<fieldset> Määrittää reunan lomakkeen elementtien ympärille

Reunan otsikko, fieldset-elementti

<legend> Määrittää otsikon fieldset elementille

Valintaluettelo, select-elementti

<select> Määrittää alasvetovalintaluettelon

Attribuutit

• disabled - disabled - Määrittää luettelon pois käytöstä
• multiple - multiple - Määrittää mahdolliseksi valita useita kohtia
• name - teksti - Määrittää nimen valintaluettelolle
• size numero Määrittää näkyvien vaihtoehtojen määrän

<optgroup> Määrittää ryhmän valintoja valintaluettelosta

Attribuutit

• disabled - disabled - Määrittää että elementti ei ole käytössä sivua ladattaessa
• label - teksti - Määrittää otsikon ryhmälle valintoja

<option> Määrittää vaihtoehdon valintaluettelossa

Attribuutit

• disabled - disabled - Määrittää että elementti ei ole käytössä sivua ladattaessa
• label - teksti - Määrittää otsikon ryhmälle valintoja
• selected - selected - Määrittää oletusarvoisesti valittavan vaihtoehdon
• value - teksti - Määrittää elementin arvon

<button> Määrittää painonapin

Attribuutit

disabled disabled Määrittää että elementti ei ole käytössä sivua ladattaessa

name - teksti Määrittää nimen painonapille

type - Määrittää painonapin tyypin

• button
• reset
• submit

value - teksti - Määrittää painonappiin kirjoitetun arvon