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 HereOtestujte to hned
Výstup:
Klikněte zdePří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 zdePří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> SubmitOtestujte 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> resetOtestujte 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 | Chrome | TJ | Firefox | Opera | Safari |
Ano | Ano | Ano | Ano | Ano |