Použití vstupního štítku k odeslání formulářů
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í.
-
- Značka INPUT na tlačítku poskytuje spoustu stejných možností jako značka INPUT, ale vypadá spíše jako typ standardního odeslání. Vyžaduje JavaScript pro aktivaci.
-
tlačítko> - Značka BUTTON je více univerzální typ tlačítka než značka INPUT. Tato značka vyžaduje Javacript pro aktivaci.
-
- Prvek COMMAND je nový v jazyce HTML5 a poskytuje způsob aktivace skriptů a formulářů s přidruženými akcemi. Je aktivován pomocí jazyka JavaScript.
Prvek INPUT
Prvek INPUT je nejčastějším způsobem odeslat formulář, vše, co děláte, je vybrat typ (tlačítko, obrázek nebo odeslat) a v případě potřeby přidat nějaké skriptování, které chcete odeslat do akce formuláře.
Element může být také napsán. Ale pokud ano, budete mít různé výsledky v různých prohlížečích. Většina prohlížečů vytváří 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 takto zapsá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 atribut hodnoty. Toto tlačítko však nebude odeslat formulář, pokud nepoužíváte JavaScript.
onclick = "odeslat ();">
Je podobný typu tlačítka, 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čítko BUTTON
Prvek BUTTON vyžaduje jak otevírací značku, tak uzavírací značku. Když ji použijete, jakýkoli obsah, který obklopíte uvnitř značky, bude 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ář
Prvek COMMAND
Prvek COMMAND je nový s kódem HTML5. Nevyžaduje použití formátu FORM, ale může sloužit 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, zapíšete informace do atributu štítku.
label = "Odeslat formulář">
Pokud chcete, aby byl váš příkaz zastoupen obrázkem, použijete atribut ikony.
icon = "submit.gif">
Tento článek je součástí modulu HTML Forms Tutorial. Přečtěte si celý tutoriál a zjistěte, jak používat formuláře HTML.
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 značka INPUT a značka BUTTON. Existují dobré důvody k použití obou těchto prvků.
Prvek INPUT
Značka je nejjednodušší způsob odeslání formuláře. Nevyžaduje nic nad samotnou značku, ani hodnotu. Když zákazník klikne na tlačítko, odešle automaticky. Nepotřebujete přidávat žádné skripty, prohlížeče vědí, že formulář odešlou, když kliknete na zadávací značku INPUT.
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 metodu INPUT, když musí být formulář přístupný i v prohlížečích, které mají JavaScript vypnutý.
Tlačítko BUTTON
Prvek BUTTON nabízí více možností pro odesílání formulářů. Cokoliv můžete umístit do prvku TLAČÍTKO a změnit jej na tlačítko Odeslat. Nejčastěji lidé používají obrázky a text. Ale vy můžete vytvořit DIV a dělat, že celá věc tlačítko odeslat, pokud chcete.
Největší nevýhodou prvku BUTTON je to, že formulář automaticky neodesílá. To znamená, že musí být aktivován nějaký typ skriptu. A tak je méně přístupná než metoda INPUT. Každý uživatel, který nemá zapnutý JavaScript, nebude moci odeslat formulář s pouze prvkem BUTTON.
Použijte metodu BUTTON na formulářích, které nejsou tak kritické. Také je to skvělý způsob, jak do jednoho formuláře přidat další možnosti podání.
Tento článek je součástí modulu HTML Forms Tutorial . Přečtěte si je, abyste se dozvěděli více o tom, jak používat formuláře HTML