Vytváření odesílat tlačítka ve formátech HTML

Formuláře HTML jsou jedním z nejzákladnějších způsobů, jak přidat interaktivitu na vaše webové stránky. Můžete klást otázky a vyžádat odpovědi od svých čtenářů, poskytovat další informace z databází, nastavit hry a další. Existuje několik prvků HTML, které můžete použít k vytváření formulářů. A jakmile vytvoříte svůj formulář, existuje mnoho různých způsobů, jak tyto údaje odeslat na server nebo spustit právě spuštěnou akci formuláře.

Jedná se o několik způsobů, jak můžete formuláře odeslat:

• • Jedná se o nejběžnější způsob získávání dat na server, ale může být velmi jasný.
• • Použitím obrázku je velmi snadné, aby vaše tlačítko pro odeslání odpovídalo stylu vašeho webu. Někteří lidé ji však nemusí rozpoznat jako tlačítko pro odeslání.
• • Tlačítko

    VSTUP značka poskytuje spoustu stejných možností jako obrázek

    VSTUP ale vypadá spíše jako typ standardního odeslání. Vyžaduje JavaScript pro aktivaci.
• • The

    TLAČÍTKO tag je více univerzální typ tlačítka než

    VSTUP štítek. Tato značka vyžaduje Javacript pro aktivaci.

• • The

    PŘÍKAZ element je nový v HTML5 a poskytuje způsob aktivace skriptů a formulářů s přidruženými akcemi. Je aktivován pomocí jazyka JavaScript.

Prvek INPUT

Vstup

VSTUP element je nejběžnější způsob odeslání formuláře, vše, co děláte, je vybrat typ (

tlačítko,

obraz, nebo

Předložit) a v případě potřeby přidat nějaké skriptování, které chcete odeslat do akce formuláře.

The element může být napsán právě tak. Ale pokud ano, budete mít různé výsledky v různých prohlížečích. Většina prohlížečů dělá tlačítko, které říká "Odeslat", ale Firefox vytvoří tlačítko, které říká "Odeslat dotaz". Chcete-li změnit to, co ta tlačítka říká, měli byste přidat atribut:

value = "Odeslat formulář">

Prvek je takhle napsán, ale pokud necháte všechny ostatní atributy, vše, co se zobrazí v prohlížečích, je prázdné šedé tlačítko. Chcete-li do tlačítka přidat text, použijte tlačítko

hodnotaatribut. Toto tlačítko však nebude odeslat formulář, pokud nepoužíváte JavaScript.

onclick = "odeslat ();">

Je podobná

tlačítkotyp, který potřebuje skript pro odeslání formuláře. Kromě toho, že místo textové hodnoty je nutné přidat adresu URL zdroje obrázků.

src = "submit.gif">

Tlačítkový prvek

The

TLAČÍTKOprvek vyžaduje jak otevírací značku, tak uzavírací značku. Používáte-li jej, bude obsah přiložen k tlačítku. Pak aktivujete tlačítko se skriptem.

Odeslat formulář

Můžete zahrnout obrázky do tlačítka nebo kombinovat obrázky a text, abyste vytvořili zajímavější tlačítko.

Odeslat formulář

Příkazový prvek

The

PŘÍKAZelement je nový s HTML5. Nevyžaduje a

FORMULÁŘ ale může fungovat jako tlačítko pro odeslání formuláře. Tento prvek vám umožňuje vytvářet více interaktivních stránek bez požadavku na formuláře, pokud skutečně nepotřebujete formuláře. Pokud chcete, aby příkaz něco řekl, napište informace do a

označeníatribut.

label = "Odeslat formulář">

Pokud chcete, aby byl váš příkaz zastoupen obrázkem, použijte

ikonaatribut.

icon = "submit.gif">

Formuláře HTML mají několik způsobů odeslání, jak jste se dozvěděli na předchozí stránce. Dvě z těchto metod jsou

VSTUPtag a

TLAČÍTKOštítek. Existují dobré důvody k použití obou těchto prvků.

Vstupní prvek

Značka je nejjednodušší způsob odeslání formuláře. Nevyžaduje nic mimo značku sama, ani a

hodnotaKdyž zákazník klikne na tlačítko, odešle automaticky. Nepotřebujete přidávat žádné skripty, prohlížeče vědí, že při odesílání odesílají formulář

VSTUPklepnutí na značku.

Problém je, že toto tlačítko je velmi ošklivé a prosté. Nemůžete do něj přidávat obrázky. Můžete to stylovat stejně jako každý jiný prvek, ale stále se může cítit jako ošklivé tlačítko.

Použijte

VSTUP, kdy musí být formulář přístupný i v prohlížečích, které mají JavaScript vypnutý.

Tlačítko BUTTON

The

TLAČÍTKOPrvek nabízí více možností pro odesílání formulářů. Něco můžete dát uvnitř

TLAČÍTKOelement a přeměnit jej na tlačítko odeslání. Nejčastěji lidé používají obrázky a text. Ale vy můžete vytvořit a

DIV a udělejte celou věc tlačítko pro odeslání, pokud chcete.

Největší nevýhoda

TLAČÍTKOže tento formulář automaticky neodesílá. To znamená, že musí být aktivován nějaký typ skriptu. A tak je méně přístupná než

VSTUPmetoda. Uživatel, který nemá zapnutý JavaScript, nebude moci odeslat formulář pouze s

TLAČÍTKOelement, který jej předloží.

Použijte

TLAČÍTKOna formách, které nejsou tak kritické. Také je to skvělý způsob, jak do jednoho formuláře přidat další možnosti podání.