Který prvek umožňuje odeslat formulář. Formuláře v HTML. Skupina položek seznamu

Nejednou jsme viděli webové stránky, které nás žádají o zadání některých údajů do vstupních polí. HTML má mechanismus pro přijímání dat od uživatele. Tato data je samozřejmě ještě potřeba zpracovat, ale to dělají specializované programy. Podívejme se na mechanismus jejich interakce s webovými stránkami.

Uživatel si tedy stáhl webovou stránku, na které jsou umístěny ovládací prvky pro zadávání informací. Všechny jsou spojeny do společného agregátu tzv formulář. Každý formulář má tlačítko, po kliknutí se data zadaná uživatelem přenesou do zpracovatelského programu. Tento program je umístěn na webovém serveru, který obsluhuje tuto stránku. Takové programy lze vytvářet pomocí různých programovacích technologií. Spojuje je pouze jediný postup pro příjem dat z webové stránky. Data jsou přenášena pomocí rozhraní brány CGI (Common Gateway Interface). Proto se programy pro zpracování často nazývají CGI aplikace nebo CGI skripty.

Aplikace tedy přijímá data a zpracovává je. Pak může buď poslat nějaký email, nebo provést nějakou operaci v databázi, nebo poslat uživateli novou webovou stránku, možné akce jsou omezeny pouze vlastnostmi technologie a představivostí programátora. S pomocí takových programů fungují všechny druhy registračních systémů, systémů zpětné vazby, návštěvních knih, fór a chatů. S jejich pomocí vznikají rozsáhlejší a složitější systémy, například internetové obchody.

Abyste takové aplikace mohli vytvářet, musíte ještě umět programovat a znát příslušná pravidla pro tvorbu CGI aplikací. Dokud nebudeme vědět, jak na to, budeme muset opět používat veřejně dostupné CGI skripty. Ale i když tyto aplikace získáme, formulář pro zadání uživatele musí být stále vytvořen nezávisle. V této části se naučíme, jak na to.

Forma je omezena tagy A . Mezi těmito tagy jsou tagy, které vytvářejí informační vstupní autority a tagy pro tvorbu obvyklého obsahu webové stránky, tedy samotné vstupní autority mohou být umístěny v tabulce, která je zase kompletně umístěna ve formuláři. Štítek nevytváří žádnou zobrazitelnou strukturu. Je určen spíše pro vnitřní seskupování objektů.

Tag má samozřejmě řadu parametrů, které nastavují vlastnosti vytvářeného formuláře. Podívejme se na tyto parametry.

• Parametr akce je povinná. Jeho hodnotou je URL označující umístění CGI aplikace, která bude zpracovávat data zadaná uživatelem pomocí ovládání tohoto formuláře.
• Parametr metoda je určena k upřesnění způsobu, jakým budou údaje předávány do zpracovatelské aplikace. Jako hodnota parametru se používá jedno ze dvou přednastavených klíčových slov: dostat nebo pošta. Nyní nepotřebujeme zjišťovat, jaké mechanismy jsou implementovány pomocí té či oné metody. Tak či onak průvodní dokumentace k aplikaci CGI uvádí, jaký způsob přenosu dat by měl být použit. Výchozí ikona je dostat.
• Parametr enctype používá se k označení typu údajů, které mají být z formuláře odeslány. Obvykle není nutné jej používat, protože hodnota application/x-www-form-urlencoded, výchozí, je ideální pro velkou většinu CGI aplikací.
• Parametr přijmout-znakovou sadu používá se v případech, kdy uživatel z formuláře do aplikace přenáší nejen informace, ale i soubory. V tomto případě můžeme explicitně specifikovat kódování přenášených souborů. Hodnota tohoto parametru je textový řetězec, ve kterém je zapsáno jedno nebo více názvů kódování. Pokud je použito několik kódování, jejich názvy jsou odděleny mezerami nebo čárkami. Výchozí hodnota je neznámý což říká serveru, že musí zjistit použitá kódování
• Parametr akceptovat určuje typy souborů, které mají být přeneseny. Obvykle se nepoužívá, protože server je docela schopen adekvátně rozpoznat typ přijímaného souboru.
• Parametr název umožňuje zadat jedinečný název formuláře. Na jedné webové stránce může být přirozeně několik formulářů. V tomto případě by se hodnoty parametrů názvu neměly shodovat.

Štítek se svým uzavíracím dvojčetem v podstatě vytvořit kontejner pro umístění orgánů pro vstup informací. Většina těchto vstupů je implementována pomocí tagu . Demonstrujme si to na malém příkladu (obr. 1.32).

Výpis 1.33

Pole pro zadání řádku textu< input type="text">

Rýže. 1.32. Okno prohlížeče zobrazující výsledek souboru zobrazeného ve výpisu 1.33

Na ilustraci tedy vidíte, že se nám podařilo vytvořit textové vstupní pole a tlačítko, po kliknutí se informace zadané uživatelem odešlou do CGI aplikace ke zpracování. A když se podíváme na kód výpisu, uvidíme, že tlačítko i vstupní pole byly vytvořeny pomocí stejného tagu . Vlastnosti tohoto tagu se upravují pomocí jeho četných parametrů, které nyní budeme uvažovat.

• Parametr typ je možná klíčový parametr. Pomocí jeho hodnoty můžeme nastavit typ ovládacího prvku, který se má vytvořit. Hodnota je jedno z následujících klíčových slov: text, heslo, zaškrtávací políčko, rádio, odeslat, obnovit, soubor, skrytý, obrázek, tlačítko. Výchozí hodnota je text. Na tyto typy se podíváme podrobněji o něco později.
• Parametr název navrženy tak, aby nastavily jedinečné názvy pro každý ovládací prvek. Přestože je tento parametr volitelný, důrazně se doporučuje. V průvodní dokumentaci k aplikacím CGI musí být uvedeno, jak by měly být pojmenovány příslušné orgány pro vkládání informací.
• Parametr hodnota slouží k určení výchozí hodnoty zobrazení pro tlačítka a pole pro zadávání textu. Pokud použijeme přepínací tlačítka, pak hodnotu parametru hodnota nebude pro uživatele viditelná, ale toto je hodnota, kterou aplikace pro zpracování CGI obdrží, pokud uživatel vybere příslušný přepínač.
• Parametr kontrolovány Používá se pouze pro nezávislé přepínače a přepínače. Nastaví jejich výchozí stav. Pokud je tento parametr zadán do tagu, spínač se přepne do zapnutého stavu. Parametr se používá bez hodnot.
• Parametr zakázáno znepřístupní ovládací prvek pro použití uživatelem. Parametr se používá bez hodnot.
• Parametr pouze ke čtení Platí pouze pro vstupní těla textových typů hesel. Použití této možnosti znamená, že údaje zobrazené v těchto polích nelze změnit.
• Parametr velikost obvykle udává rozměry orgánu pro vkládání dat. Ale pro každý jednotlivý typ vstupního orgánu je jeho působení specifické.
• Parametr maximální délka umožňuje nastavit maximální možný počet znaků, které může uživatel zadat do polí pro zadávání textu. Hodnota parametru je kladné celé číslo.
• Parametr src používá se v případech, kdy vytváříme vstupní ovládací prvky související s grafikou. Hodnota tohoto parametru je URL grafického souboru, který obsahuje zobrazený obrázek.
• Parametr alt umožňuje vytvořit stručné popisy vytvářené autority pro zadávání dat. Tento popis lze zobrazit jako malou nápovědu, když uživatel najede kurzorem myši na tento vstupní prvek.
• Parametr tabindex určuje číslo ovládacího prvku v posloupnosti všech objektů, mezi nimi se posunuje vstupní fokus postupnými stisky tabulátoru.
• Parametr přístupový klíč umožňuje nastavit „horkou klávesu“, po stisknutí uživatelem se zaměření vstupu přesune na tento ovládací prvek.

Podívali jsme se tedy na parametry použité ve značce. Ale už víme, že pomocí této značky můžeme vytvořit širokou škálu objektů formuláře. Je čas se na ně podívat podrobně.

Objekty obsažené ve formuláři jsou rozděleny do dvou typů – těla zadávání dat a tlačítka, která spouštějí různé akce. Nejprve se podívejme, jak můžeme vytvořit vstupní orgány.

Jedním z nejběžnějších formulářových objektů je jednořádkové vstupní pole. Ve výpisu 1.33 jsme viděli, že se vytváří pomocí parametru type s textem hodnoty. Poměrně často přitom potřebujeme nastavit omezení na maximální možný počet znaků, které může uživatel do tohoto pole zadat. Toto omezení je implementováno pomocí parametru maxlength.

Došlo k úpravě jednořádkového textového pole, které je určeno speciálně pro zadávání citlivých informací, například hesel. Zobrazují zadaný text a nahrazují jej hvězdičkami. Taková vstupní pole jsou vytvořena pomocí následující konstrukce:

Pomocí typu zaškrtávací políčko umožňuje vytvářet nezávislé přepínače. Jsou to známé čtverce, ve kterých můžeme kliknutím myši označit a odstranit zaškrtávací políčka ve formě zaškrtnutí. V tomto případě se použije parametr value. Hodnota tohoto parametru bude předána aplikaci CGI, pokud uživatel zaškrtne toto políčko.

Můžeme také vytvářet skupiny přepínačů, často nazývané přepínače. V této skupině může uživatel vybrat a zaškrtnout pouze jeden přepínač. Každý přepínač je vytvořen pomocí značky s parametrem typ, kterému je přiřazena hodnota radio. Aby prohlížeč pochopil, že více přepínačů patří do stejné skupiny, musí být jejich hodnoty parametrů názvu stejné. Zároveň však musí mít různé hodnoty hodnotových parametrů.

Podívejme se na příklad pravidel pro vytváření a zobrazování uvažovaných orgánů pro vstup informací.

Výpis 1.34

:! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
http://www.w3.Qrg/TR/html4/strict.dtd">
,

Pole pro zadání řádku textu