1.12. Lomakkeet

Selain

selain

Koodi

koodi

Selite

Rivinumero Selite
 13

Aloitetaan lomakkeen koodi <form> tagilla
Määritetään tagiin

  • nimi –> Erotellaan useammat lomakkeet toisistaan kuvaavalla nimellä
  • metodi (POST tai GET). Taulukon alapuolella näiden vertailu
  • action –> Tiedostonimi tai sähköpostiosoite johon lomakkeen tiedot lähetetään
14

Tulostetaan selaimeen tekstinsyöttökenttä.
Määritetään tagiin

  • type=”text” –> Kentän tyyppi
  • name –> Ei saa olla kahta kertaa samaan nimeä, samassa lomakkeessa
  • value –> Kentän oletusarvo
  • size –> Kentän merkkien määrä. Normaali määrä on 20
15

Toinen tekstikenttä, jossa kysytään sukunimeä

16

Otsikko radiobutton valinnoille

17

Radiobutton tyyppinen valintakenttä.
Määritetään tagiin

  • type=”radio”
  • name –> valinnan nimi. Useammassa vaihtoehdossa, name pitää olla sama
  • value=”” –> radiobuttonilla pitää olla myös arvo joka poikkeaa muista saman nimisistä 
  • checked –> Saman nimisistä vaihtoehdoista vain yhdellä voi olla oletusarvoinen valinta
20

Aloitetaan pudotusvalikko. Määritetään tagiin ainakin

  • name
21 -24

Pudotusvalikon ensimmäinen mahdollinen valinta. Määritetään tagiin

  • valinnan value
25

Lopetetaan pudotusvalikon sisältö

26

Normaali tekstikenttä. Edessä olevalla tekstillä kerrotaan, että mitä kysellään

27

Salasana kentän tag. Määritetään tagiin

  • type=”password” –> Tällä piilotetaan kirjoitettavat merkit
  • name=”” –> kerrotaan vastaanottavalle koodille, että salasana löytyy kentästä nimeltään…
28 ja 29

Checkbox tagi

31

submit ja reset painikkeen määrittäminen

POST vastaan GET

Lomake voidaan lähettää kahdella erilaisella metodilla eteenpäin, POST ja GET.

Näiden isoin ero on se, että GET näyttää lähetetyt kentät ja niiden arvot selaimen osoitekentässä. POST sitä vastoin ei näytä kenttien tietoja selaimen osoiterivillä.

Järkevin tapa on opetella käyttämään pelkästään POST metodia, koska se on hieman turvallisempi.

Comments are closed.

By continuing to use the site, you agree to the use of cookies. - - - - - - Jatkamalla sivuston käyttöä hyväksyt evästeet.
more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.
- - - - - -
Tällä sivulla käytetään evästeitä sivuston paremman toiminnan takaamiseksi. Jatkamalla sivuston käyttöä tai napsauttamalla "Accept" hyväksyt sivuston evästeet.

Close