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

Geslo - input/password

Enovrstično besedilo password se razlikuje od vnosa text po tem, da vnosno besedilo maskira. Maskiranje pomeni, da namesto katerekoli vnešene črke, vidimo *. Z njegovo pomočjo lahko vnašamo besedilo, ki naj ga naključni opazovalci ne bi videli. Predmet ustvarimo z značko <input>, ki ji kot lastnost dodamo za lastnost type vrednost password:

<input type="password" />

Element je shranjen kot predmet v polju predmetov obrazca (katerega otrok je) pod zaporedno številko in pod svojim imenom (če ga ima). Dogodek, ki se bo izvršil, običajno pričakujemo ob ob dogodku nekega drugega predmeta (npr. ob pošiljanju obrazca):

<input type="password" onblur="dogodek()" />

Pri uporabi JavaScript lahko zahtevamo od uporabnika, da vpiše geslo, ki se ujema z neko spremenljivko. Primer:

<form id="obrazec">
<input type="password" name="vpis" value=""
onblur="preveri()" />
</form>
<script type="text/javascript">
var geslo="maribor"
function preveri()
{
if(document.obrazec.vpis.value == 'maribor') alert('Pravilno')
else alert('Napa\u010Dno')
}
</script>

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 gesla torej vedno vrne "password".

Lastnost value

Lastnost vrne vrednost, ki pripada lastnosti value. To je napis, ki se nahaja trenutno v tekstovnem polju in ga lahko vsak trenutek spremenimo. Vrednost je tipa string

Lastnost DefaultValue

Lastnost vrne vrednost, ki pripada začetni lastnosti value.

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 gumba.

Postopek focus()

Postopek preusmeri fokus na izbrani gumb.

Postopek handleEvent(dogodek)

Postopek kliče krmilnik za določen dogodek.

Postopek select()

Postopek je uporabljen za izbiro in označitev celotnega besedila, ki se trenutno nahaja znotraj besedilnega polja. Ko začne uporabnik tipkati, se označeno besedilo izbriše. Postopek je uporabljen v povezavi s postopkom focus, ki uporabniku olajša dostop do polja in vpis podatka.

Dogodki

Krmilnik ondogodek="mojJavaScript()"

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

 Gor     e-gradiva     JavaScript      Datoteka   Skrito polje 

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart