Formulare umoznuju ziskat od pouzivatela spatnu vazbu napriklad vyplnenim poloziek vo formulari. Je dolezite vediet, ze na spracovanie udajov treba vacsinou pouzit skript, preto ak neviete, co to je alebo ho nemate pravo vytvorit, formulare nebudete moct pouzit v plnom rozsahu. Jednou skupinou skriptov sa zaobera kapitola CGI skripty.
Slovo "vacsinou" som v predchadzajucom odstavci pouzil zamerne. Existuje aj jedna moznost, ako nacitat udaje z formulara bez akehokolvek programovania. Dozviete sa o nej hned v popise prveho prikazu.
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
FORM | vsetky prehliadace | ||
Kontext: |
<HTML> <BODY> <FORM> ...dalsie prikazy pre tvorbu formulara... </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
ACTION = | "uri" | - | |
METHOD = | ("get" | "post") | get | - |
ENCTYPE = | ("application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain") | application/x-www-form-urlencoded | - |
TARGET = | ("text" | "_blank" | "_self" | "_parent" | "_top") | _self | IE 3+, Netscape 3+, Mozilla |
ACTION=
|
|||
Priklady | |||
Priklad: | |||
Poznamky | |||
|
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
INPUT | vsetky prehliadace | ||
Kontext: |
<HTML> <BODY> <FORM> <INPUT> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
TYPE = | ("text" | "password" | "checkbox" | "radio" | "file" | "hidden" | "image" | "button" | "submit" | "reset") | text | - |
NAME = | "text" | - | |
VALUE = | "text" | - | - |
SIZE = | "velkost" | - | - |
MAXLENGTH = | "cislo" | neobmedzeny | iba ak TYPE= ("text" | "password") |
CHECKED | vypnuty | iba ak TYPE= ("checkbox" | "radio") | |
SRC = | "uri" | - | iba ak TYPE= "image" |
ALT = | "text" | - | iba ak TYPE= "image" |
TYPE=
|
|||
Priklady | |||
Priklad (kratky formularik na zadanie pouzivatelskeho mena (8 znakov sa
zobrazi, max. 16 znakov dlzka), hesla (detto), jednoduchy prepinac a
zaskrtavacie policko, ktore vyzaduje zaskrtnutie, ak pouzivatel vsetkemu
rozumie ;-):<FORM ACTION="/cgi-bin/login.pl"> Zadaj svoje pouzivatelske meno: <INPUT TYPE="text" NAME="loginname" VALUE="anonymous" SIZE="8" MAXLENGTH="16"><BR> Zadaj svoje heslo: <INPUT TYPE="password" NAME="password" SIZE="8" MAXLENGTH="16"><BR> Chces vytvorit e-mailovu schranku?<BR> <INPUT TYPE="radio" NAME="email" VALUE="yes" CHECKED> <INPUT TYPE="radio" NAME="email" VALUE="no"> Vsetkemu tu rozumiem: <INPUT TYPE="checkbox" NAME="allok"> </FORM> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
BUTTON | vsetky prehliadace(?) | ||
Kontext: |
<HTML> <BODY> <FORM> <BUTTON> ...obsah tlacidla... </BUTTON> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
NAME = | "text" | - | |
VALUE = | "text" | - | - |
TYPE = | ("submit" | "reset" | "button") | submit | "button" iba prehliadace s podporou Javascriptu |
NAME=
|
|||
Priklady | |||
Priklad:<FORM ACTION="/cgi-bin/skript.pl"> Vsetko je OK? <INPUT TYPE="checkbox" NAME="all_ok" CHECKED><BR> Ak ano, stlacte toto tlacidlo s obrazkom:<BR> <BUTTON TYPE="submit"> <IMG SRC="ikona.gif" ALT="Odoslat!"> </BUTTON> Alebo toto standardne tlacidlo:<BR> <INPUT TYPE="submit" VALUE="Odoslat!"> </FORM> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
TEXTAREA | vsetky prehliadace | ||
Kontext: |
<HTML> <BODY> <FORM> <TEXTAREA> ...pociatocna hodnota (text) textoveho pola... </TEXTAREA> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
NAME = | "text" | - | |
ROWS = | "cislo" | - | |
COLS = | "cislo" | - | |
NAME=
|
|||
Priklady | |||
<FORM ACTION="/cgi-bin/skript.pl"> <TEXTAREA NAME="nazor" ROWS="4" COLS="16"> Sem mozete napisat vas nazor na uroven tejto prirucky. </TEXTAREA> </FORM> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
SELECT | vsetky prehliadace | ||
Kontext: |
<HTML> <BODY> <FORM> <SELECT> ...vymenovane hodnoty... </SELECT> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
NAME = | "text" | - | |
SIZE = | "cislo" | - | - |
MULTIPLE | vypnute | - | |
NAME=
|
|||
Priklady | |||
Priklad 1 (skrolovacie menu s tromi moznostami):<FORM ACTION="/cgi-bin/skript.pl"> Zadaj svoju znamku: <SELECT NAME="menu1" SIZE="2"> <OPTION SELECTED>1</OPTION> <OPTION>2</OPTION> <OPTION>3</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="Odoslat"> </FORM> Priklad 2 (skrolovacie menu s tromi moznostami a viacnasobnym vyberom): <FORM ACTION="/cgi-bin/skript.pl"> Ake znamky si mal z fyziky vo svojej doterajsej historii?: <SELECT NAME="menu2" SIZE="2" MULTIPLE> <OPTION>1</OPTION> <OPTION>2</OPTION> <OPTION>3</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="Odoslat"> </FORM> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
OPTION | vsetky prehliadace | ||
Kontext: |
<HTML> <BODY> <FORM> <SELECT> <OPTION> ...hodnota... </OPTION> </SELECT> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
VALUE = | "text" | obsah tela prikazu | - |
SELECTED | - | ||
VALUE=
|
|||
Priklady | |||
Priklad 1 (skrolovacie menu s tromi moznostami):<FORM ACTION="/cgi-bin/skript.pl"> Zadaj svoju znamku: <SELECT NAME="menu1" SIZE="2"> <OPTION>1</OPTION> <OPTION>2</OPTION> <OPTION>3</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="Odoslat"> </FORM> Priklad 2 (skrolovacie menu s tromi moznostami a viacnasobnym vyberom): <FORM ACTION="/cgi-bin/skript.pl"> Ake znamky si mal z fyziky vo svojej doterajsej historii?: <SELECT NAME="menu2" SIZE="2" MULTIPLE> <OPTION>1</OPTION> <OPTION>2</OPTION> <OPTION>3</OPTION> </SELECT> <INPUT TYPE="submit" VALUE="Odoslat"> </FORM> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
OPTGROUP | nefunguje v IE 4- | ||
Kontext: |
<HTML> <BODY> <FORM> <SELECT> <OPTGROUP> <OPTION> ...hodnota... </OPTION> </OPTGROUP> </SELECT> </FORM> </BODY> </HTML> |
||
Parametre | Hodnoty | Default | Kompat./Pozn. |
LABEL = | "text" | - | |
LABEL=
|
|||
Priklady | |||
Priklad 1 (skrolovacie menu s dvomi skupinami):<FORM ACTION="/cgi-bin/skript.pl"> Vyber si utilitu: <SELECT NAME="menu1" SIZE="3"> <OPTGROUP LABEL="Editory"> <OPTION VALUE="gvim">GVIM (Windows)</OPTION> <OPTION VALUE="emacs">Emacs (Unix)</OPTION> <OPTION VALUE="joe">JOE (Unix)</OPTION> </OPTGROUP> <OPTGROUP LABEL="Graficky softver"> <OPTION VALUE="photoshop">Photoshop 5.0 (Windows)</OPTION> <OPTION VALUE="gimp_unix">Gimp (Unix)</OPTION> <OPTION VALUE="gimp_win">Gimp (Windows)</OPTION> </OPTGROUP> </SELECT> <INPUT TYPE="submit" VALUE="Odoslat"> </FORM> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
FIELDSET | IE 4+, Mozilla | ||
Kontext: |
<HTML> <BODY> <FORM> <FIELDSET> ...skupina prvkov formulara... </FIELDSET> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
ziadne | |||
Priklady | |||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
LEGEND | IE 4+, Mozilla | ||
Kontext: |
<HTML> <BODY> <FORM> <FIELDSET> <LEGEND> ...titulok skupiny... </LEGEND> </FIELDSET> </FORM> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
ALIGN = | ("left" | "right" | "top" | "bottom") | top | IE4 a Mozilla nepodporuju "bottom" |
ALIGN=
|
|||
Priklady | |||
Poznamky: | |||
Poznamky | |||
Predchadzajuca tema: | Pribuzne temy: | Nasledujuca tema: |
---|---|---|
Frames (okna) | Sprievodca vytvaranim stranky krok za krokom Abecedny zoznam prikazov HTML |
CGI (nedokoncene!) |