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

Vrstično besedilo - input/text

Enovrstično besedilo text je zelo uporaben predmet v spletnih obrazcih. Z njegovo pomočjo lahko vnašamo krajše besedilo. Predmet ustvarimo z značko <input>, ki ji kot lastnost type dodeli vrednost text:

<input type="text" />

Z lastnostjo size (pozitivno celo število) se mu v HTML določi le širino vidnega dela besedilo v pisavi fiksne širine (običajno je to Courier). Izgled je mogoče spremeniti tudi s slogovnimi predlogami. V preteklosti so se takšna polja uporabljala tudi za prikazovanje rezultatov raznih preračunavanj in prikazov vrednosti. Vrednost value ostane v brskanikovem pomnilniku do ponastavitve obrazca.

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 izgubi fokusa, ob pritisku na tipko ali ob dogodku nekega drugega predmeta (npr. ob pošiljanju obrazca):

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

Primer:

<form id="obrazec" action="text.html">
<input type="text" name="vpis" value="vpiši nekaj"
onblur= "alert('Vpisal si ' + document.forms.obrazec.vpis.value)" />
</form>

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 vnosnega polja torej vedno vrne "text".

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. Vrednost lahko kdarkoli spremenimi, začetna pa ostane nespremenjena.

Lastnost maxlength

Lastnost vrne ali določa vrednost, ki določa, koliko znakov je mogoče vpisati v okvirček.

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, onselect).

 Gor     e-gradiva     JavaScript      Radijski gumb   Večvrstično besedilo 

SERŠ Maribor : Strokovna gimnazija : 2004 : Mitja Račnik