button - Český HTML 5 manuál

HTML a CSS Manuál Formuláře button - Český HTML 5 manuál

Tag <button> umožňuje vložit tlačítko, které nemusí být bezprostředně součástí formuláře. Tag je párový a může obsahovat další elementy jako text a obrázky. Tím se odlišuje od elementu <input>.

Atributy

Můžeme specifikovat následující atributy:

  • autofocus - Atribut je typu boolean. Pokud je uveden, element se zaktivní po načtení stránky.
  • disabled - Atribut je typu boolean. Pokud je uveden, nelze na tlačítko kliknout a je často zobrazeno jako zašedlé.
  • form - Element může být definován mimo formulář a následně být k tomuto formuláři připojen uvedením atributu form s hodnotou id formuláře. Element může patřit více formulářům.
  • formaction - Změní atribut action formuláře.
  • formenctype - Změna enctype.
  • formmethod - Změna method.
  • formnovalidate - Změna validate.
  • formtarget - Změna target.
  • name - Definuje jméno elementu.
  • type - Specifikuje typ tlačítka. Hodnota button (je výchozí pouze v některých prohlížečích) označuje obyčejné tlačítko. Jeho kliknutí zpracujeme např. JavaScriptem. Dále můžeme uvést typy submit a reset. Ty se používají v případě, když je element button součástí formuláře. Submit odešle hodnoty, reset vyčistí formulář.
  • value - Hodnota tlačítka, která se po kliknutí odešle.

Ukázka použití

<button type="button">Tlačítko</button>

Výsledek:

Ukázka použití HTML 5 tagu button k vložení klikatelného tlačítka

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Formuláře - Český HTML 5 manuál

 

 

Komentáře
Zobrazit starší komentáře (5)

Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Drahomír Hanák:

Jen trochu. Grafika mi moc nejde, ale snažím se dělat pěkné weby.

 
Odpovědět  +1 18.8.2012 15:55
Avatar
ondrasekno04
Člen
Avatar
ondrasekno04:

Jak se udělá odkazovací tlačítko ?
:-)
PS.: prosim , vysvetleni jako retardovy.

 
Odpovědět 9.2.2015 15:31
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na ondrasekno04
ondrasekno04:

prominte . odpoved nalezena

 
Odpovědět 9.2.2015 15:32
Avatar
ondrasekno04
Člen
Avatar
 
Odpovědět 9.2.2015 15:33
Avatar
ondrasekno04
Člen
Avatar
ondrasekno04:

A jak mu priradim nejakej styl ?

 
Odpovědět 9.2.2015 15:34
Avatar
Fredep
Redaktor
Avatar
Odpovídá na ondrasekno04
Fredep:

Normálně, jako kterémukoli jinému elementu...

button  {...}
.moje_tlacitko {...} // Pomocí class
Editováno 9.2.2015 15:43
Odpovědět 9.2.2015 15:42
Týmová práce je důležitá proto, aby bylo možno obvinit z neúspěchu někoho jiného.
Avatar
ondrasekno04
Člen
Avatar
Odpovídá na Fredep
ondrasekno04:

A v html mu při použití třídy přiřadím element class ? :-)

 
Odpovědět 9.2.2015 15:50
Avatar
Filip Stryk
Redaktor
Avatar
Odpovídá na ondrasekno04
Filip Stryk:

ano

<button class="trida"></button>
Odpovědět 9.2.2015 15:51
„Neděláš dobře, když chválíš to, čemu nerozumíš, ale ještě horší je, když to haníš.“ Leonardo DaVinci
Avatar
Fredep
Redaktor
Avatar
Odpovídá na ondrasekno04
Fredep:

Ačkoli tlačítko vypadá odlišně, je sto stále ten stejný html element, kterému můžeš přiřazovat třídy, ID, můžeš na něj aplikovat jakékoli styly ap. :)

Odpovědět 9.2.2015 15:55
Týmová práce je důležitá proto, aby bylo možno obvinit z neúspěchu někoho jiného.
Avatar
ondrasekno04
Člen
Avatar
ondrasekno04:

Dík všem.

 
Odpovědět 10.2.2015 13:39
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 15. Zobrazit vše