Použití vstupního tagu HTML a značky tlačítek ve formulářích

Tím, že nastavíte typ atributu na "tlačítko", bude generováno jednoduché kliknutí. Můžete definovat text, který se na tlačítku objeví, například "Odeslat", pomocí atributu value .

Například:

Uvědomte si, že značka nepředloží formulář HTML; budete muset ještě zahrnout JavaScript, aby zpracoval odesílání dat o formuláři. Bez události onclick na jazyku JavaScript se zdá, že se na tlačítko klikne, ale nic se nestane a budete mít své čtenáře frustrovaní.

& Lt; button & gt; Alternativní značka

I když pomocí tlačítka pro vytvoření tlačítka funguje pro jeho účel, je lepší použít tlačítko pro vytvoření tlačítek HTML webových stránek. Značka je flexibilnější, protože umožňuje použít obrázky pro tlačítko (což pomáhá zachovat vizuální konzistenci, pokud vaše stránky obsahují návrhové téma) a může být definováno jako tlačítko typu submit nebo reset tlačítka bez potřeby dalšího JavaScript.

Budete chtít zadat atribut typu tlačítka v libovolných značkách

. Existují tři různé typy:

• tlačítko - Tlačítko nemá žádné vlastní chování, ale používá se ve spojení se skripty, které běží na straně klienta, které mohou být připojeny k tlačítku a provedeny po kliknutí.
• reset - Resetuje všechny hodnoty.
• submit - Tlačítko předává data formuláře serveru (toto je výchozí hodnota, pokud není definován žádný typ).

Mezi další atributy patří:

• name - Dává tlačítku referenční jméno.
• hodnota - Určuje hodnotu, která má být přiřazena k tlačítku.
• vypnout - Vypnutí tlačítka.

HTML5 přidává do tagu

některé další atributy, které vám dávají více funkcí.

• Autofokus - Když se stránka načte, určuje, že toto tlačítko je ohnisko. Na stránce lze použít pouze jedno automatické zaostření.
• Form - Přidružuje tlačítko s formulářem ve stejném dokumentu HTML s použitím identifikátoru formuláře jako hodnoty. Například:

Odeslat

formaction - Používá se pouze s type = "submit" a adresou URL jako hodnotou, určuje místo, kde bude odeslána data formuláře. Například:

Odeslat data formuláře na jinou stránku

formenctype - Používá se pouze s atributem type = "submit" . Určuje, jak mají být data formuláře zakódována při odeslání na server. Tři hodnoty jsou aplikace / x-www-form-urlencoded (výchozí), multipart / form-data a text / plain.

Formmethod - Používá se pouze s atributem type = "submit" . Toto určuje, kterou metodu HTTP použijte při odesílání dat formuláře, ať už se jedná o poštu nebo o příspěvek.

formnovalidate - Používá se pouze s type = "submit" atribut. Údaje formuláře nebudou při odeslání ověřeny.

formtarget - Používá se pouze s type = "submit" atribut. Označuje, kde by měla být při odesílání dat formuláře zobrazena odpověď na web, například v novém okně atd. Možnosti hodnoty jsou buď _blank, _self, _parent, _top nebo konkrétní název rámce.

Pokud používáte formuláře, můžete si přečíst, jak vytvářet tlačítka ve formátech HTML , a jak lépe učinit vaše stránky.