Značka tlačítka HTML

Značka tlačítka HTML

Značka se používá k vytvoření tlačítka, na které lze kliknout ve formuláři HTML na vaší webové stránce. Do tagu ........ můžete vložit obsah jako text nebo obrázek.

Vždy byste měli zadat atribut type pro značku. Různé prohlížeče používají pro prvek tlačítka různé výchozí typy.

Značka HTML Button může být použita uvnitř i vně formuláře.

Pokud jej používáte uvnitř formuláře , funguje jako tlačítko Odeslat. Můžete jej také použít jako resetovací tlačítko.

Pokud jej používáte mimo formu , můžete na něm volat funkci JavaScript.


Příklad značky tlačítka HTML

Podívejme se na kód pro zobrazení tlačítka.

 Click Here  
Otestujte to hned

Výstup:

Klikněte zde

Příklad tlačítka HTML: Volání funkce JavaScript

Podívejme se na kód pro volání funkce JavaScript po kliknutí na tlačítko.

 Click Here function hello(){ alert('hello javatpoint user'); }  
Otestujte to hned

Výstup:

Klikněte zde

Příklad tlačítka HTML: Odeslat formulář

Podívejme se na kód pro odeslání formuláře po kliknutí na tlačítko.

 Enter Name: <br> Submit  
Otestujte to hned

Výstup:

Napište jméno:
Předložit

Příklad tlačítka HTML: Obnovit formulář

Podívejme se na kód pro odeslání formuláře po kliknutí na tlačítko.

 Enter Name: <br> reset  
Otestujte to hned

Výstup:

Napište jméno:
Resetovat

Atributy značky HTML tlačítka

značka podporuje všechny globální atributy a některé specifické další atributy.

Je uveden seznam atributů značek HTML tlačítek.

Atribut Popis
autofokus Určuje, že tlačítko by se mělo automaticky aktivovat při načítání stránky.
zakázáno Určuje, že tlačítko by mělo být deaktivováno.
formulář Určuje jeden nebo více formulářů, ke kterým tlačítko patří.
formace Používá se pro typ odeslání. Určuje, kam se mají odeslat data formuláře při odeslání formuláře.
formulářová metoda Určuje, jak odesílat data formuláře.
typ tvaru Určuje, jak by měla být data formuláře zakódována před odesláním na server.
formnovalidate Specifikuje, že data formuláře by neměla být při odeslání ověřována.
formtarget Určuje, kde se má zobrazit odpověď po odeslání formuláře.
název Určuje název tlačítka.
typ Určuje typ tlačítka.
hodnota Určuje hodnotu tlačítka.

Podporované prohlížeče

Živel prohlížeč chromeChrome tj. prohlížečTJ prohlížeč firefoxFirefox prohlížeč operaOpera prohlížeč safariSafari
Ano Ano Ano Ano Ano

Značka tlačítka HTML také podporuje atributy global a event v HTML.