HTML - Button nyomógombok

A (button) nyomógomb elem:

Név	Angol eredete	Hatás	Jellemzők
<button>	button	Az input elemnél nyomógombhoz hasonló működésű nyomógomb. Páros címke!!!	Általános ; Események

A legfontosabb különbség, input és a button elemekkel megvalósított nyomógombok között, hogy az utóbbit páros címkével jelöljük. A nyitó és zárócímke között elhelyezett szöveg jelenik meg a nyomógombon feliratként.

A button elemmel megvalósítható nyomógombok HTML jellemzői:

Név	Érték	Leírás
disabled	disabled	Segítségével az elem kikapcsolható. (Nem lehet szerkeszteni. Értéke nem kerül elküldésre.)
name	szöveg	Az elem neve. Az adatok feldolgozását végző scriptek, az elem azonosítására használják.
value	szöveg	Meghatározza az button mező kezdeti értékét. Az űrlap elküldésekor, tartalma az elem nevével együtt érkezik az adatok feldolgozását végző scripthez,
type	button; reset; submit	Meghatározza nyomógomb típusát./td>

A button elemmel megvalósítható nyomógombok típusai:

Típus	Leírás	Böngészők
submit	Az űrlapba bevitt adatokat elküldi az űrlap feldolgozását végző fájlnak.
reset	Az űrlapba bevitt adatok törlését teszi lehetővé. (A beviteli mezőkbe a kezdeti állapotnak megfelelő értékeket írja.)
button	Általános célú nyomógomb.
image	Képes elküldőgomb. Az űrlapba bevitt adatokat elküldi az űrlap feldolgozását végző fájlnak.

A id jellemző megadása <label> elem használata esetén kötelező. (A elem for jellemzőjének. és a beviteli mező id jellemzőjének meg kell egyeznie. Így jön létre a kapcsolat a két elem között)
A disabled jellemzővel a tílthatjuk a nyomógombot.

1. példa:

Forráskód


<form action="html5_button.php"  method="post">
  Név: <br>
  <input type="text" name="text1" value="Hogy hívnak?" > 
  <br><br>
  <button type="reset"  value="Törlés"> Törlés </button>
  <button type="button" onclick="msg()" value="Hahó Öcsi!">Hahó Öcsi!</button>
  <button type="submit" value="Küldés"> Küldés </button>
  <button type="button" value="Tíltott" disabled >Tíltott</button>
</form>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.