logo

HTML gombcímke

A címke egy kattintható gomb létrehozására szolgál a HTML űrlapon belül a weboldalon. A ....... címkén belül elhelyezhet tartalmat, például szöveget vagy képet.

Mindig meg kell adnia a típus attribútumot egy címkéhez. A különböző böngészők eltérő alapértelmezett típust használnak a gombelemhez.

A HTML Button tag az űrlapon belül és kívül is használható.

Ha használod az űrlapon belül , küldés gombként működik. Reset gombként is használhatod.

Ha használod a formán kívül , meghívhatja rajta a JavaScript függvényt.


HTML gombcímke példa

Lássuk a kódot a gomb megjelenítéséhez.

 Click Here 
Tesztelje most

Kimenet:

hogyan szünteted meg a kijelölést a gimpben
Kattints ide

Példa a HTML-gombra: JavaScript függvény meghívása

Lássuk a kódot a JavaScript függvény hívásához a gombra kattintáskor.

olyan weboldal, mint a coomeet
 Click Here function hello(){ alert('hello javatpoint user'); } 
Tesztelje most

Kimenet:

Kattints ide

HTML gomb Példa: Űrlap beküldése

Lássuk a kódot az űrlap elküldéséhez a gombra kattintva.

 Enter Name: <br> Submit 
Tesztelje most

Kimenet:

Írja be a nevet:
Beküldés

HTML gomb Példa: Űrlap visszaállítása

Lássuk a kódot az űrlap elküldéséhez a gombra kattintva.

 Enter Name: <br> reset 
Tesztelje most

Kimenet:

Írja be a nevet:
Visszaállítás

A HTML gombcímke attribútumai

címke támogatja az összes globális attribútumot és néhány speciális további attribútumot.

Itt található a HTML gombcímke attribútumainak listája.

TulajdonságLeírás
autofókuszMeghatározza, hogy egy gombnak automatikusan fókuszba kell kerülnie az oldal betöltésekor.
TiltvaMeghatározza, hogy egy gombot le kell tiltani.
formaMeghatároz egy vagy több űrlapot, amelyhez a gomb tartozik.
formációBeküldés típushoz használatos. Meghatározza, hogy hova kell elküldeni az űrlapadatokat az űrlap elküldésekor.
formmethodMeghatározza az űrlapadatok küldésének módját.
forma típusMeghatározza, hogy az űrlapadatokat hogyan kell kódolni, mielőtt elküldené őket a szervernek.
formnovalidateMeghatározza, hogy az űrlap adatait a benyújtáskor nem kell érvényesíteni.
formacélMeghatározza, hogy hol kell megjeleníteni a választ az űrlap elküldése után.
névMegadja a gomb nevét.
típusMeghatározza a gomb típusát.
értékMegadja a gomb értékét.

Támogatott böngészők

Elem chrome böngészőKróm azaz böngészőAZAZ firefox böngészőFirefox opera böngészőOpera safari böngészőSzafari
IgenIgenIgenIgenIgen

A HTML gombcímke támogatja a globális és eseményattribútumokat is a HTML-ben.