Dodatna tekstovna polja v formi

Ime lekcije Dodatna tekstovna polja v HTML obrazcih
Uporabljene tehnologije HTML forme
Kaj se boste naučili Kako v HTML formi definirati večvrstična tekstovna polja in polja za vnos gesla
Pred to lekcijo preberi

Obrazci v HTML straneh

V lekciji "Obrazci v HTML straneh" smo spoznali osnove HTML form in osnovna polja, ki jih lahko v formi uporabimo - tekstovna polja in check-box polja. V tej lekciji bomo spoznali še nekaj vrst polj, ki jih lahko uporabimo v HTML formi.

Večvrstična tekstovna polja

V lekciji "Obrazci v HTML straneh" smo videli, kako lahko s pomočjo HTML ukaza <INPUT TYPE=TEXT> definiramo enovrstično polje. Včasih bi si želeli, da bi lahko naši obiskovalci vpisali več vrstic teksta (npr. komentar v knjigi gostov). Takšno polje naredimo s HTML ukazom <TEXTAREA> ki mu poleg že znanih parametrov NAME= in TITLE= lahko s parametri določimo še naslednje lastnosti:

parameter vrednost
COLS= širina polja (število stolpcev)
ROWS= višina polja (število vrstic)
WRAP= ena od ključnih besed off, virtual ali physical:
bulletoff (privzeta vrednost) - obiskovalec bo moral sam razporediti tekst v vrstice
bulletvirtual - browser bo sam preskočil v novo vrstico ko bo trenutna vrstica polna, vendar bo na strežnik poslal tekst kot ga je vpisal obiskovalec
bulletphysical - poleg avtomatskega preskoka v novo vrstico bo browser ob zaključku vnosa v formo poslal strežniku tekst z vrinjenimi znaki za preskok v novo vrstico.

Če želite, da vpisovalec teksta vidi lepo formatiran tekst, vendar želite ohraniti njegovo razporeditev teksta v odstavke, uporabite parameter WRAP=virtual, če pa želite, da bo strežnik dobil tekst, v katerem bo vsaka vrstica dolga največ COLS znakov, uporabite parameter WRAP=physical.

Definicijo večvrstičnega polja moramo obvezno zaključiti s HTML ukazom </TEXTAREA>, med ukaza <TEXTAREA> in </TEXTAREA> pa lahko vpišemo začetno vrednost večvrstičnega polja (seveda tudi v več vrsticah, če je potrebno).

Primer: HTML sekvenca ...

Vnesi komentar: <TEXTAREA NAME=Komentar COLS=40 ROWS=6 WRAP=virtual>
Začetna vrednost</TEXTAREA><BR>in nadaljuj z branjem

... bo definirala večvrstično polje, široko 40 znakov in visoko 6 vrstic, v katerem bo browser ob vpisovanju teksta avtomatsko izvajal preskok v novo vrstico.

Vnesi komentar:
in nadaljuj z branjem

Kot vidite iz zgornjega primera, uporaba polja <TEXTAREA> navadno generira očesu neprijetno obliko HTML strani. Lepše formatiranje teksta dosežete z uporabo HTML tabel, kjer vpišete polje <TEXTAREA> v eno celico tabele, uvodni tekst pa v drugo celico.

Polja za vnos gesla

V svetu računalništva je razširjena zelo lepa navada da uporabnika, kadar od njega zahtevamo vpis občutljivih ali zaupnih informacij, zaščitimo pred zvedavimi pogledi preko njegovega hrbta s posebno vrsto polja, ki namesto vpisane vrednosti prikaže samo zvezdice (ali kakšen drug znak). V HTML formi dosežemo to funkcionalnost s pomočjo polja za vnos gesla, ki ga definiramo z ukazom <INPUT TYPE=PASSWORD>. Takemu polju lahko določimo natanko iste parametre kot tekstovnemu polju definiranim z ukazom <INPUT TYPE=TEXT>.

Primer: HTML ukaz ...

<INPUT TYPE=PASSWORD NAME=geslo SIZE=10 MAXLENGTH=20>

... bo definiral polje za vnos gesla z imenom geslo, tekstovno polje z imenom primer, dolžino 10, začetno vrednostjo "Nekaj zanimivega", obiskovalec pa bo lahko vanj vpisal do 20 znakov teksta. Polje bo zgledalo približno takole (poskusi vanj vpisati nekaj znakov):