Dugmici - Buttons

Evo najcesceg primera kako da se posluzimo sa dugmetom:

Ovo je klasično dugme, ako ga pritisneš otićićeš na glavni meni, a da bi se vratio moraš proitisnuti Back dugme.

<form action="index.htm" method="get">

<input type="submit" name="B1" " id="B1"value="Go to Contents" />

Metod

( METHOD). Postoje dva metoda: POST (posalji) i GET (uzmi). GET je po defoltu.

Napomena:KORISTITE MALA SLOVA KADA PIŠETE HTML code zbog kompatibilnosti sa budućim browserima.

Takodje: INPUT tag ima " />" na kraju, cime ukazuje da je time zavrsen.

Akcija

(ACTION) je obicno vezana za URL, u svakom slucaju HTML file (a u ovom slucaju: index.htm). Znaci pritiskom na dugme, ucitava se "index.htm" file.

Ili, pogledajte ovo:

<form action="mailto:lazzar@eunet.yu" method="post">

<input type="submit" name="B1" value="Posalji mi odgovor..." />

</form>

Sve vam je jasno jer je slicno, samo se menja "akcija", koja nas ne upucuje na neki HTML file, vec da napisemo pismo - MAILTO!

...Mada je bolja varijanta za pisanje pisma ovo

Tipovi

   

Izmenite delove teksta u prozorcicu, a potom pritisnite "Reset" i vidite sta ce se desiti. Sve se vraca u pocetno stanje (Eh, kada bi ovakvo dugme imali za život!!!).

Evo koda za reset button:

<input type="reset" value="Reset" align="texttop" />

Primetili ste slicnost sa submit button kodom. Ali ste i primetili da sam zadao ravnanje dugmeta u odnosu na tekst.

Image

Slika umesto dugmeta po kome smo nesto ispisivali.

Evo i koda:

<form method="get" action="index.htm">

<input src="home.gif" name="I1" alt="Contents of HTML Tutorial" width="72" height="41" type="image" />

</form>

Ovaj primer je slican SUBMIT dugmetu. Primetili ste promenu, da je :TYPE="image". 'SRC=' kaze browseru koju sliku da postavi, ALT text, sluzi da pokaze tekst kada je kursor iznad slike.


Izlaz