Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban

 

Nyomógombok

Szokványos nyomógomb
Grafikus nyomógomb (HTML 4.0)

HTML2.0 Szokványos nyomógomb definiálása

Szokványos nyomógombot a <form> </form> tag-ok között,az <input type=button ...> parancs által hozhatunk létre. Általában az onClick=  eseménykezelőt figyeljük, meghívunk egy metódust, esetleg egy  saját készítésű függvényt, és ezáltal indítunk valamely akciót.

Példa:

<html><head><title>Teszt</title>
</head><body>
<form name="urlap" action="mailto:sajat@magam.hu" 
<p>Ha az ön böngészőjén a JavaScript jól funkcionál, akkor ez a
nyomógomb úgy viselkedik mint a szokványos "Back button" </p>
<input type=button value="Vissza" onClick="history.back()">
</form></body></html>

HTML4.0 Grafikus nyomógomb készítése (HTML 4.0)

A HTML 4.0 nyelvi szabványától kezdve végre Button-nak lehet nevezni a nyomógombot, melyen tetszés szerint például valamely grafikát helyezhetünk el. Bár a MS Internet Explorer 4.x verziója még nem, de a Netscape 4.x böngészője már ismeri az új <button> HTML tag-ot. A bevezető és záró tag-ok között adhatjuk meg a nyomógomb tulajdonságait.

Példa:

<html><head><title>Teszt</title>
</head><body>
<form name="urlap" action="mailto:sajat@magam.hu"
 <p> Ez a grafikus nyomógomb úgy viselkedik mint
 a szokványos vissza gomb !</p>
 <button name="Nyomogomb" type="button" 
 value="Vissza" onClick="history.back()">
 <p>VISSZA AZ ELŐZŐ OLDALRA !</p>
 <img src="084.jpg" alt=" Fractal">
</button></form></body></html>
Nyitó lapVissza egy lapotFel a lap elejéreTovább egy lapot

Készült : 1999-10-27.  Lengyel Sándor