Lomakeharjoitus

Takaisin

LOMAKE

Lomake aloitetaan koodilla:

<FORM action="mailto:snoopy@kaustinen.fi" method="POST" enctype="text/plain">

METHOD voi saada arvot POST / GET (lähetys / vastaanotto)

ACTION voi viitata mm. sähköpostiin (mailto) tai http-protokollaan

Lomake lähetetään sähköpostiohjelmaan. Käyttää Outlook Expressiä.

Lomake lopetetaan

</FORM>

Tekstikenttä

Normaali

<INPUT TYPE="text" NAME="joku" SIZE="20">

 

20 merkkiä pitkä kenttä, mutta vain 10-merkin syöte?

<INPUT TYPE="text" NAME="joku" SIZE="20" MAXLENGTH="10">

 

Oletuksena tekstiä.

<INPUT TYPE="text" NAME="joku" SIZE="20" VALUE="Oletuteksti">

"Salakirjoitusta" password määrellä.


<INPUT TYPE="password" NAME="joku" SIZE="20">

 

 

Tekstialue

<TEXTAREA NAME="alue" ROWS="5" COLS="40">Oletustekstiä laatikkoon</TEXTAREA>

ROWS = korkeus riveinä

COLS = leveys merkkeinä

aloitus- ja lopetustagien väliin laitettava teksti on se tekti, joka oletusarvoisesti lukee "laatikossa".

 

Valintanappi

Äidinkieli:
Suomi
Ruotsi

 Esimerkissä:
<INPUT TYPE="radio" NAME="kieli" VALUE="Suomi"> Suomi<BR>
<INPUT TYPE="radio" NAME="kieli" VALUE="Ruotsi"> Ruotsi<BR>

 

Valintaruutu

Mitä kotieläimiä sinulla on?
Kissa
Koira
Hiiri

 Esimerkissä:
<INPUT TYPE="checkbox" NAME="elain" VALUE="kissa"> Kissa<BR>
<INPUT TYPE="checkbox" NAME="elain" VALUE="koira" CHECKED> Koira<BR>
<INPUT TYPE="checkbox" NAME="elain" VALUE="hiiri"> Hiiri

 CHECKED määre on oletusvalinta.

 

 

Valintalista

PONNAHDUSVALIKKO:

<SELECT NAME="Matematiikka">
<OPTION> 4
<OPTION> 5
<OPTION> 6
<OPTION> 7
<OPTION> 8
<OPTION> 9
<OPTION> 10
</SELECT>

 
 

Enemmän vaihtoehtoja näkyvissä yhdellä kerralla:

 <SELECT NAME="Matematiikkaxxx" SIZE="4">
<OPTION> 4
<OPTION> 5
<OPTION> 6
<OPTION> 7
<OPTION> 8
<OPTION> 9
<OPTION> 10
</SELECT>

 
 

USEAMMAN KOHTEEN VALINTA LISTASTA:

 <SELECT NAME="jotakin" SIZE="5" MULTIPLE>
<OPTION> 1
<OPTION SELECTED> 2
<OPTION SELECTED> 3
<OPTION> 4

OPTION - määre määrittelee rivin

OPTION SELECTED - määre määrää rivin lisäksi oletusvalituksi

 

Painikkeet

tai 

Esimerkissä:
<INPUT TYPE=submit NAME="laheta" value="Lähetä"> tai
<INPUT TYPE=reset NAME="tyhjaa" value="Tyhjää">