|
HTML Forms
10. Button tag
Tag <button> </button> namjenjen je za stvaranje dugmadi. Pomalo je zastario pa se
preporuča upotreba INPUT taga umjesto njega no ipak ćemo ga opisati. Za razliku od INPUT taga BUTTON tag
je container što znači da se obavezno mora pisati i njegov zatvarajući tag. Primjetite kako će se text između tagova
pojaviti na dugmetu.
1. primjer
|
<![CDATA[
<form action="">
<button>klikni me !!!</button>
</form>
]]>
|
|
Osim texta između se može smjestiti i slika.
2. primjer
|
<![CDATA[
<form action="">
<button>
<img src="obrasci_slike/sfsmile.gif" width=105 height=97>
<br>stisni me !!!</button>
</form>
]]>
|
|
|
Atributi
 type="button | submit | reset"
Kao što već slutite ovaj atribut određuje kako će se ponašati ovo dugme u
našem obrascu. Da li će biti obično dugme (button), potvrdno (submit) ili pak resetirajuće dugme (reset).
name="string"
Ovaj atribut dodjeljuje naziv varijabli koja će se proslijediti do skripte. Ukoliko
ne upotrijebite ovaj atribut skripta neće prepoznati o kojoj se varijabli radi te će uneseni podatak biti neupotrebljiv.
Pri imenovanju polja tj. varijable koristite samo alfanumeričke znakove (brojeve i slova) te underscore crticu ( _ ).
Više o ovom atributu pogledajte u lekciji 11. varijable , te u priručnicima za
JavaScript i PHP.
value="string"
Atribut value određuje koja će vrijednost biti pridružena varijabli
kada korisnik klikne na dugme.
Dakle, name atribut određuje naziv, a value vrijednost varijable. Na taj način se definira par name="value"
koji se prosljeđuje skripti i koja ga prihvaća kao nekakvu varijablu.
Upotreba ovog atributa se ne preporuča jer različiti browseri ga različito interpretiraju.
Npr. IE5.5 za vrijednost varijable uzima text između <button> i </button> tagova dok Mozilla1.2 uzima
vrijednost određenu sa VALUE. U donjem primjeru ako kliknete na dugme IE će prikazati
<font size="+2" color="Red">klikni me !!!</font> dok će u Mozilli biti prikazano
Kliknuli ste me !. Što je ispravno ??? Prosudite sami!!!
3. primjer
|
<![CDATA[
<form action="javascript: fja()" name="obrazac">
<button type="submit" name="dugme" value="Kliknuli ste me !">
<font size="+2" color="Red">klikni me !!!</font>
</button>
</form>
]]>
|
|
|
JavaScript događaji
Najzahvalnija upotreba button taga je upravo ako se upotrijebi uz
atribute (JavaScript događaje) kao što su onClick, onMouseover... itd. Oni omogućavaju izvršenje neke JavaScript
funkcije kao reakcije na ono što korisnik vašeg obrasca učini. No o tome nakon što proučite
Javascript priručnik.
|
