Form Flashcards
kaj je form
JavaScript ima dostop do opisov vseh obrazcev, ki so vključeni v dokument
HTML.
Opisi obrazcev so zbrani v document.forms.
Vsak element te zbirke je objekt, ki opisuje en obrazec.
Lastnosti: name, method, target, action, encoding, length - povejo, koliko
elementov je vsebovanih v obrazcu
opisi elementov pa so zbrani v tabeli elements.
-Dodatno še metodi reset() in submit(), ki simulirata pritisk na ustrezna gumba v obrazcu.
poimenovanje form
Obrazce in njegove elemente je priporočljivo poimenovati, saj si tako zelo olajšamo dostop do ustreznih objektov.
Če imamo v obrazcu z imenom obrazec vnosno polje z imenom polje, lahko do
ustreznega objekta pridemo na naslednje načine:
document.forms[“obrazec”].elements[“polje”]
document.forms[“obrazec”].polje
document.obrazec.elements[“polje”]
document.obrazec.polje
document.forms[0].elements[1]
form elementi
S pomočjo JavaScripta je mogoče dostopati do elementov obrazcev.
Mednje sodijo:
Text, Textarea, Password, Hidden, Radio, Checkbox, Button, FileUpload, Select, Reset, Submit
text
Text - enovrstično vnosno polje v obrazcu
<input></input>
name - Ime elementa.
length - Število izbir v seznamu.
options - Tabela izbir v seznamu
textarea
Textarea - večvrstično vnosno polje v obrazcu
<textarea>vrednost</textarea>
name - ime elementa
value - Trenutna vrednost elementa (besedilo na gumbu).
password
Password - vnosno polje za vnos gesla
<input></input>
name - ime elementa
value - Trenutna vrednost elementa
hidden
Hidden - skrito polje v obrazcu
<input></input>
name - ime elementa
value - Trenutna vrednost elementa.
radio
Radio - enega v skupini radijskih gumbov (v isti skupini so gumbi z enakim
imenom)
<input></input>
name - ime elementa
value - Trenutna vrednost elementa (ime datoteke).
checked - Logična vrednost, ki pove, ali je gumb trenutno
checkbox
Checkbox - izbirni gumb
<input></input>
name - Ime elementa.
value - Vrednost elementa.
checked - Logična vrednost, ki pove, ali je gumb trenutno pritisnjen
button
Button - gumb
<input></input>
name - ime elementa
value - Trenutna vrednost elementa (besedilo na gumbu)
fileUpload
FileUpload - polje za vnos imena datoteke
<input></input>
name - ime elementa
value - Trenutna vrednost elementa (ime datoteke).
select
Select - izbirno polje, v katerem lahko izberemo eno ali več od danih možnosti.
<select>…</select>
<select>…</select>
name - Ime elementa.
length - Število izbir v seznamu.
options - Tabela izbir v seznamu.
reset
Reset - gumb, s katerim vsem poljem v obrazcu predpišemo začetne vrednosti
<input></input>
name - ime elementa
value - Trenutna vrednost elementa (besedilo na gumbu).
submit
Submit - gumb, s katerim zaključimo vnos podatkov v obrazec
<input></input>
name - ime elementa
value - Trenutna vrednost elementa (besedilo na gumbu).
form dodatne informacije
Za kalkulator lahko uporabimo eval()
metodo, ki izračuna oz. izvrši JavaScript
kodo.
REGEX = regular expression / regularni
izraz: vzorci, ki se uporabljajo za
preverjanje kombinacij znakov v nizih