HTML formuláře jsou velmi mocným nástrojem pro interakci s uživateli, ale z technických důvodů není vždy zřejmé, jak je využít naplno. Pouhé odeslání dat v tomto případě nestačí – je třeba se také ujistit, že data, která uživatelé vyplňují do formulářů, budou odeslána ve správném formátu, který je potřebný pro jejich úspěšné zpracování a že to nenaruší stávající aplikace. Je také důležité pomoci uživatelům správně vyplnit formuláře a nenechat se frustrovat při pokusu o použití aplikací.
Značka se používá k vytvoření formuláře HTML. Ve skutečnosti nevytváří okraj, ale používá se jako nadřazený kontejner pro prvky, jako je. Ať už chcete vytvořit jednoduchý předplatitelský formulář s běžnou pokladnou a platbou, nebo interaktivní webové aplikace, budete muset pro práci používat značky prvků HTML, z nichž nejdůležitější je.
Jak standardníHTML formuláře
Formuláře HTML byly vynalezeny a z velké části standardizovány před příchodem asynchronního JavaScriptu a složitých webových aplikací. Dnes se používají formuláře, tlačítka a další mechanismy interakce, ale jádrem toho je systém založený na paradigmatu požadavků a odpovědí
Když uživatel načte stránku, je odeslán požadavek http (obvykle tzv. požadavek GET). Váš prohlížeč jej odešle na server a server obvykle odpoví webovou stránkou, kterou uživatel hledá. Tato interakce je jedním z nejzákladnějších konceptů internetu. A to přesně vysvětluje, jak formuláře HTML fungují.
Proces výměny informací se serverem
Každý, který obsahuje prvky jako, je umístěn uvnitř a má atribut name (name) a také jeho hodnotu. Hodnota je definována různými způsoby. U textu to bude hodnota, kterou do pole zadal uživatel webu. U přepínače hodnota vybrané možnosti. Uživatel může nastavit hodnotu, ale nejčastěji nemůže nastavit atribut name. Tím se vytvoří sada párů název/hodnota, kde jsou hodnoty určeny uživatelským vstupem.
Hlavní rozdíl mezi formulářem a běžným HTML dokumentem je ten, že ve většině případů jsou data shromážděná formulářem odesílána na webový server. V tomto případě musíte nastavit webový server pro příjem a zpracování dat. atribut akce značkyurčuje umístění (URL), kam mají být shromážděná data odeslána.
Jak vypadá odpověď serveru
Při odeslání formuláře jsou do HTTP zahrnuty dvojice název-hodnota a všechna pole v prvku. Požadavek se odešle na adresu URL uvedenou ve formě atributu action. Typ požadavku (GET nebo POST) bude v atributu method. To znamená, že všechna data poskytnutá uživatelem jsou odeslána na server, jakmile je formulář odeslán, a server si s těmito daty může dělat, co chce. Když server obdrží odeslání formuláře, zachází s ním jako s jakýmkoli jiným požadavkem HTTP. Server udělá se zahrnutými daty vše, co potřebuje, a odešle odpověď zpět do prohlížeče.
Pokud si pamatujete, že řešením je načtení stránky, všimnete si, že totéž se děje zde. V typické formě vytvořené pomocí značky je odpovědí nová stránka načtená prohlížečem. Nová stránka obvykle nahradí aktuální obsah, ale to lze přepsat pomocí atributu target. Naprostá většina online formulářů funguje tímto způsobem, a proto je uživatel po vyplnění e-mailového přihlašovacího formuláře odeslán na stránku s poděkováním.
Webové aplikace a formuláře bez štítku
Moderní interaktivní webové aplikace používají kód JavaScript k vytváření asynchronních požadavků http. Jedná se o volání serveru, která nezpůsobí opětovné načtení stránky. Nespoléhají se na značku – prvek HTML zabudovaný do chování. Neslučují všechna data do jednoho celku.uživatele a neposílejte je ihned. Z tohoto důvodu mnoho návrhářů rozvržení HTML + JS ve webových aplikacích nepoužívá značku na všech formulářích. Častěji jej jednoduše používají jako jakýsi kontejner pro různé typy vstupních polí a prvků. V tomto případě nebudou použité atributy metody a akce viditelné.
Více o formulářích
Formuláře HTML jsou jedním z vrcholů interakce uživatele s webem nebo aplikací. Umožňují uživatelům odesílat data na web. Většinu času jsou data odesílána na webový server, ale webová stránka je může také zachytit a použít samostatně. Existuje mnoho prvků souvisejících s formulářem - různé druhy tlačítek, voliče pro různé typy, mechanismy zpětné vazby. Proto může být obtížné rozhodnout, jaké hodnoty atributům tagu přiřadit. Pokud jde o vytváření formulářů, musíte je zajistit, aby fungovaly na různých velikostech obrazovky. Je důležité je zpřístupnit lidem se zdravotním postižením. To je důvod, proč jsou formuláře a značky atributů možná nejsložitějším aspektem HTML.
Z čeho se tvar skládá
Formulář HTML se skládá z jednoho nebo více widgetů. Mohou to být jednořádková nebo víceřádková textová pole, výběrová pole, tlačítka nebo přepínače. Nejčastěji jsou spojeny s atributem, který popisuje jejich účel – správně implementované mohou jasně instruovat jak vidoucí, tak nevidomé uživatele, jak se do vstupního formuláře dostat. Atributsprávně spojeny s jejich atributy for a id. Štítek for potom odkazuje na atribut id odpovídajícího widgetu a čtečka obrazovky pomocí něj přečte, co je v něm napsáno.
Kromě struktur specifických pro značku je důležité mít na paměti, že formuláře jsou pouze HTML kód. To znamená, že ke strukturování formulářů můžete využít plnou sílu HTML. Běžnou praxí je použít značku k zabalení prvků označených
. HTML seznamy jsou také široce používány, pro strukturování se používá více zaškrtávacích políček nebo přepínačů. Po vytvoření vstupních polí zbývá přidat tlačítko pomocí značky a zkontrolovat výsledek. Flexibilita formulářů HTML z nich dělá jednu z nejsložitějších struktur ve formátu HTML. Ale se správnou strukturou při vytváření formuláře HTML můžete zajistit, že bude použitelný a přístupný.
