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
value - teksti - Määrittää painonappiin kirjoitetun arvon