e-gradiva				HTML	CSS	JavaScript	Načrtovanje
						SERŠ Maribor		Iskanje	Primeri

Kvadratek za potrditev - input/checkbox

Kvadratek za potrditev checkbox je enostaven element predmeta form. Ustvarimo z značko <input>, ki ji kot lastnost dodamo za lastnost type vrednost checkbox:

<input type="checkbox" />

Element je shranjen kot predmet v polju predmetov obrazca (katerega otrok je) pod zaporedno številko in pod svojim imenom (če ga ima). Običajno se ob potrditvi polja ne zgodi nič drastičnega, temeč se vrednost uporabi ob kliku na gumb ali pošiljanju obrazca.

<form id="obrazec" action="potrditev.html">
<p><input type="checkbox" name="potrdi" value="Potrditev"
onclick= "document.getElementById('glej').firstChild.nodeValue=
document.forms.obrazec.potrdi.checked" />
<span id="glej"> </span></p>

 

Lastnosti

Lastnost obrazca form

Vrne lastnost, ki se nanaša na lastnosti starša (obrazec).

Lastnost name

Lastnost vrne vrednost, ki pripada lastnosti name v znački input.

Lastnost type

Lastnost vrne vrednost, ki pripada lastnosti type. V primeru pritrditvenega kvadratka torej vedno vrne "checkbox".

Lastnost value

Lastnost vrne vrednost, ki pripada lastnosti value, ko je kvadratek potrjen. Drugače kot končna vrednost običajnega gumba (tekst se prilepi na gumb), je lastna vrednost pritrditvenega kvadratka tekst, ki ga združite z predmetom. Ta tekst se sme pojaviti na strani v kakšni drugi obliki.

Lastnost checked

Ključni pomen v primeru pritrditvega kvadratka je, če je ali ni potrjen. Pregledana lastnost je tako imenovana logična vrednost: pravilno (true), če je kvadratek potrjen, nepravilna (false), če kvadratek ni potrjen. Običajno se ta vrednost uporabi v pogojnem stavku if ali if...else.

Lastnost defaultChecked

Lastnost vrne vrednost, ki pripada lastnosti defaultChecked, to je začetni vrednosti (zagon dokumenta) pritrditvenega kvadratka.

Lastnost disabled

Lastnost ima logično vrednost. Določa ali lahko dostopamo do podatkov, ki se nahajajo v okencu. Običajno je onemogočen premet viden kot sivo polje.

Lastnost readonly

Lastnost ima logično vrednost. Določa ali lahko spreminjamo podatke, ki se nahajajo v okencu. Običajno je besedilo v okencu, ki ga ne moremo spreminjati, senčeno.

Lastnost tabindex

Lastnost ima za vrednost celo pozitivno število. Določa razpored v polju pritiska na tipko TAB za dostop do elementa. Ta lastnost je zelo slabo podprta.

Druge lastnosti

class, dir, id, lang, style, title

Postopki

Postopek blur()

Postopek odstrani fokus z izbranega kvadratka.

Postopek click()

Postopek simulira miškin klik na kvadratk.

Postopek focus()

Postopek preusmeri fokus na izbrani kvadratek.

Postopek handleEvent(dogodek)

Postopek kliče krmilnik za določen dogodek.

Dogodki

Krmilnik ondogodek="mojJavaScript"

Krmilnik izvrši določen JavaScript, ki ga predpisuje dogodek (onblur, onclick, ondblclick, onfocus, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup).

 Gor     e-gradiva     JavaScript      Sestavljen gumb   Radijski gumb 

SERŠ Maribor : Strokovna gimnazija : 2004 : Neven Šrok