OTSIKKO

HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *Linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

Lomakkeet

<FORM METHOD=”post” ACTION=”http://fellman.rpkk.fi/cgi-bin/emailfi”> Aloittaa lomakkeen. Method=”post” osoittaa mitä tehdään ja action=”...” mitä tapahtuu (aloittaa cgi-ohjelman palvelimella). Kun teet sivuja ota yhteys palvelun tarjoajaan ja selvitä mitkä ovat palvelimen ACTION, NAME -kohtiin tulevat asiat. Tämä ensimmäinen esimerkki toimii vain RPKK:n palvelimella.
<INPUT NAME=”name” SIZE=”25” VALUE=”kirjoita nimesi>
Name=”name” cgi-ohjelma osaa sijoittaa laatikon sisällön oikeaan paikkaan.
Size=”25” antaa laatikolle pituudeksi 25 merkkiä, oletus on 20.
Value=”kirjoita nimesi” pistää laatikkoon ns. aputekstin joka näkyy niin kauan kunnes laatikkoon kirjoitetaan jotakin.
<INPUT NAME=”email”> <INPUT NAME=”subject”> Toimivat samalla tavalla kuin NAME="name"
<INPUT NAME=”recipent” VALUE=”sähköposti@osoitteesi” TYPE=”hidden”> Koodi palvelimelle, jotta se osaa lähettää lomakkeen tiedot sähköpostitse oikealle henkilölle. Tämä osa ei näy selaimessa. <TEXTAREA NAME=”content” ROWS=10 COLS=60></TEXTAREA> Tekee tekstilaatikon, jonka koko on kymmenen riviä ja 60 merkkiä leveä.
<INPUT TYPE=”submit” VALUE=”lähetä”> Tekee nappulan josta painamalla viesti lähetetään. Value:n perässä oleva teksti näkyy näytöllä painikeessa.
<INPUT TYPE=”reset” VALUE=”tyhjennä”> Tekee nappulan josta painamalla lomakkeen alueet tyhjentyy. Value:n perässä oleva teksti näkyy näytöllä painikeessa.

</FORM> Lopettaa lomakealueen

MALLIT:
<FORM METHOD=”post” ACTION=”http://fellman.rpkk.fi/cgi-bin/emailfi”>
Anna nimesi:
<INPUT TYPE="TEXT" NAME="NAME"><BR>
Kotisuvun osoite:
<INPUT TYPE="TEXT" NAME="HOME" VALUE=http:// SIZE="50"><BR>
<INPUT TYPE="submit" value=Lähetä><INPUT TYPE="reset" value=Tyhjennä>
</FORM>

Anna nimesi:
Kotisuvun osoite:


<FORM ACTION=/CGI-BIN/POST-QUERY METHOD=POST>
<INPUT TYPE=CHECKBOX NAME=F01>
Musiikki
<INPUT TYPE=CHECKBOX NAME=F02 CHECKED> !Asettaa kirjat kohdan oletusvalinnaksi
Kirjat
<INPUT TYPE=CHECKBOX NAME=F03>
Elokuvat
<INPUT TYPE="submit" value=Lähetä><INPUT TYPE="reset" value=Tyhjennä>
</FORM>

Musiikki
Kirjat
Elokuvat


<FORM ACTION=/CGI-BIN/POST-QUERY METHOD=POST>
<SELECT NAME=HARRASTUKSET>
<OPTION>KIRJAT
<OPTION>MUSIIKKI
<OPTION>LAULU
<OPTION>ELOKUVA
</SELECT>
<INPUT TYPE="submit" value=Lähetä><INPUT TYPE="reset" value=Tyhjennä>
</FORM>



<FORM METHOD=POST ACTION="/CGI-BIN/POST/QUERY">
<INPUT TYPE="radio" NAME="HARRAS" VALUE=1>MUSIIKKI<BR>
<INPUT TYPE="radio" NAME="HARRAS" VALUE=2>KIRJAT<BR>
<INPUT TYPE="radio" NAME="HARRAS" VALUE=3>LAULU<BR>
<INPUT TYPE=submit VALUE="LÄHETÄ">
<INPUT TYPE=reset VALUE="TYHJENNÄ">
</FORM>

MUSIIKKI
KIRJAT
LAULU

<FORM METHOD=POST ACTION="/CGI-BIN/POST/QUERY">
<SELECT NAME="HARRAS" SIZE=5>
<OPTION>MUSIIKKI
<OPTION>LAULU
<OPTION>KIRJAT
<OPTION>ELOKUVA
<OPTION>PELIT

</SELECT> <BR>
<INPUT TYPE=submit VALUE="LÄHETÄ"> <INPUT TYPE=reset VALUE="TYHJENNÄ">
</FORM>


<FORM METHOD=POST ACTION="/CGI-BIN/POST/QUERY">
<SELECT NAME="HARRAS" SIZE=4 MULTIPLE>
<OPTION>MUSIIKKI
<OPTION>LAULU
<OPTION>KIRJAT
<OPTION>ELOKUVA
<OPTION>PELIT

</SELECT> <BR>
<INPUT TYPE=submit VALUE="LÄHETÄ"> <INPUT TYPE=reset VALUE="TYHJENNÄ">
</FORM>


<FORM METHOD=POST ACTION="/CGI-BIN/POST/QUERY">
<TEXTAREA NAME=CONTENT ROWS=5 COLS=30>
</TEXTAREA>
<BR>
<INPUT TYPE=submit VALUE="LÄHETÄ"> <INPUT TYPE=reset VALUE="TYHJENNÄ">
</FORM>



<FORM METHOD=POST ACTION="/CGI-BIN/POST/QUERY">
<TEXTAREA NAME=CONTENT ROWS=8 COLS=70>
</TEXTAREA>
<BR>
<INPUT TYPE=submit VALUE="LÄHETÄ"> <INPUT TYPE=reset VALUE="TYHJENNÄ">
</FORM>



HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *Linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

OTSIKKO