Tag <button> </button> namjenjen je za stvaranje dugmadi. Za razliku od INPUT BUTTON 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.
Osim texta između se može smjestiti i slika.
Atributi BUTTON taga
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 ( _ ).
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!!!
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 više u 'Javascript Knjigama'.