Formuláře HTML jsou velmi účinným nástrojem pro interakci s uživateli, ale z technických důvodů není vždy jasné, jak je používat v plné síle. Jednoduché odesílání dat v tomto případě nestačí - je také nutné se ujistit, že údaje, které uživatel vyplní formuláře, budou zaslány ve správném formátu, který je vyžadován pro jejich úspěšné zpracování, a že to již nebudou porušeny stávajícími programy. Důležité je také pomoci uživatelům vyplnit formuláře správně a při pokusu o používání aplikací nemají být zklamáni.

Pro vytvoření formuláře HTML se použije značka

. Nevytváří pole, ale slouží jako nadřazený kontejner pro takové prvky jako. Chcete-li vytvořit jednoduchý formulář předplatného, ​​pravidelné ověření a platbu nebo interaktivní webovou aplikaci, budete muset použít tagy HTML prvků, z nichž nejdůležitější je

.

Jak fungují standardní HTML formuláře

Formuláře HTML byly vymyšleny a většinou standardizovány na vzhled asynchronních javascriptových a komplexních webových aplikací. Dnes jsou používány vstupní formuláře, tlačítka a další mechanismy interakcí, ale založené na systému založeném na požadavku HTTP a paradigmatu odpovědí. Když uživatel načte stránku, je odeslána žádost http (obvykle tzv. Požadavek GET). Je odeslán prohlížečem na server a server obvykle odpovídá webové stránce, kterou uživatel hledá. Tato interakce je tamjeden z nejzákladnějších pojmů internetu. A to vysvětluje přesně, jak fungují formuláře HTML.

Proces výměny informací se serverem

Vše, co zahrnuje takové prvky jako je, je uvnitř

a má název atributu (název) a jeho hodnotu. Hodnota je stanovena jinak. Pro text bude hodnota, která byla zadána v uživatelském poli webu. Pro přepínač hodnotu zvoleného parametru. Uživatel může nastavit hodnotu, ale většina nemůže nakonfigurovat atribut name. Tím vznikne sada dvojic "jmenovité hodnoty", ve kterých jsou hodnoty určovány vstupním vstupem uživatele.


Hlavní rozdíl mezi formulářem a běžným dokumentem HTML je, že ve většině případů jsou data shromážděná formulářem odeslána na webový server. V takovém případě musíte nakonfigurovat webový server, aby přijímal a zpracovával data. Atribut akcí značky

definuje umístění (URL), kde by měly být shromážděná data odeslána.

Jak vypadá server

Když je formulář odeslán s párem název-hodnota a všechna pole uvnitř

jsou součástí HTTP. Požadavek na adresu URL definovanou v formuláři atributu akce je vyžadován. Typ požadavku (GET nebo POST) bude v atributu metody. To znamená, že všechna data poskytnutá uživatelem jsou odesílána na server ihned během procesu odeslání formuláře a server může dělat s těmito daty co chce. Když server obdrží formulář odeslání, vnímá jej jako jakýkoli jiný požadavek HTTP. Server provádí vše, co potřebuje k práci s vloženými daty, a vydává jeodpovězte zpět do prohlížeče.
Pokud si pamatujete, že načítání stránky je odpovědí, můžete vidět, že se zde stane totéž. V typické podobě vytvořené pomocí značky

je odpovědí nová stránka načtená prohlížečem. Nová stránka obvykle nahrazuje aktuální obsah, ale může být znovu definován pomocí atributu cíl. Naprostá většina on-line formulářů pracuje tímto způsobem, a proto uživatel pošle stránku s poděkováním, když vyplní formulář předplatného e-mailem.

Webové aplikace a formuláře bez štítků

Moderní interaktivní webové aplikace používají pro spuštění asynchronních požadavků http javascript. Jedná se o volání serveru, která nezpůsobují restartování stránky. Neopírají se o značku

- element HTML, který je součástí chování. Neintegrují všechna uživatelská data do jediné entity a neposílají je okamžitě. Z tohoto důvodu mnoho prolézacích modulů HTML + JS ve webových aplikacích nepoužívá značku

ve všech formách. Častěji je používají jako druh kontejneru pro různé typy vstupních polí a prvků. V tomto případě se používají atributy metody akce a nebudou viditelné.

Další informace o formuláři

Formuláře HTML jsou jedním z hlavních bodů interakce uživatelů s webem nebo aplikací. Umožňují uživatelům posílat data na web. Většina času je odesílána na server, ale webová stránka jej může zachytit, aby ji mohla používat sama. Existuje mnoho tvarovaných prvků - různé typy knoflíků,selektory pro různé typy, zpětnovazební mechanismy. Proto může být potíže při řešení otázky, co potřebujete k přiřazení hodnoty atributů značky

. Pokud jde o vytváření tvarů, musíte být schopni pracovat na různých velikostech obrazovky. Je důležité je zpřístupnit osobám se zdravotním postižením. Proto je atribut tagu atributu formuláře a atributu

pravděpodobně nejsložitějším aspektem v HTML.

Jaký je tvar

? Formulář HTML se skládá z jednoho nebo více widgetů. Mohou to být jednoradová nebo víceřádková textová pole, výběrová pole, tlačítka nebo přepínače. Nejčastěji souvisí s atributem, který popisuje jejich účel - správně implementovaný může jasně poučit oba zrakové i nevidomé uživatele o tom, jak se dostat do vstupního formuláře. Atribut je správně propojen s atributy for a id. Značka pro tento případ se vztahuje k atributu id příslušného widgetu a čtečka z obrazovky s ním bude číst, co je napsáno. ​​Kromě struktur specifických pro značku

je důležité si uvědomit, že formuláře jsou pouze kódem v jazyce HTML. To znamená, že pro strukturu formulářů můžete využít veškerou sílu HTML. Obvyklá praxe je použít tag k zabalení položek s tagy. Také široce používané jsou seznamy HTML, pro strukturování použití více políček nebo přepínačů. Po vytvoření polí pro vstup zůstane přidání tlačítka s nápovědouoznačte a zkontrolujte výsledek. Flexibilita formulářů HTML z nich činí jednu z nejkomplexnějších struktur ve formátu HTML. S pomocí správné struktury při vytváření formuláře HTML lze zaručit, že bude současně pohodlný a přístupný.