Űrlapok - Nyomógombok. A <button> tag

Ha egy HTML oldalon gombot kell létrehozni, akkor azt az <input> tag helyett a <button> tag alkalmazásával is megtehetjük. A két megoldás között nincs funkcionális különbség, de a button elem több megjelenítési lehetőséget biztosít.

A </button> zárótag használata kötelező. A nyitó és a záró tag közötti tartalom - ami szöveg is és kép is lehet - kerül rá a gomb felületére.

Legfontosabb attribútumai

• type: A gomb típusát adja meg. Három értéket vehet fel.
  • submit: Olyan gombot hoz létre, amivel egy űrlap elküldhető a szervernek.
  • reset: Egy űrlap mezőit kezdeti értékre visszaállító gombot generál.
  • button: Egy nyomógombot hoz létre, amellyel JavaScript program indítható.
  Az így definiált gombok ugyan úgy viselkednek, mint az <input> tag segítségével létrehozott azonos típusú gombok.
• id, class, style: általános attribútumok.
• onclick: Rákattintás esemény (Általában ezzel indítják el a gombhoz rendelt JavaScript programot.)

Példa:

<button type="button" onclick="js_example();">
   Tovább <img class="buttonpicture" src="arrow.gif" alt="arrow">
</button>

Ami így jelenik meg:

Tovább

Választó listák. A <select>, <option> és <optgroup> tagok »