A ). K tomu slouží sada atributů formation , formmethod , formenctype a formtarget, což jsou analogy odpovídajících atributů bez předpony formuláře. Příklad 4 ukazuje použití těchto atributů.Příklad 4: Odeslání formuláře
HTML5 IE Cr Op Sa Fx
Odeslání formuláře
Všechny nové atributy formuláře nejsou podporovány některými prohlížeči, zejména Internet Explorer a Safari.
F formuláře v html jsou určeny pro výměnu dat mezi uživatelem a serverem. Rozsah použití formulářů není omezen na odesílání dat na server pomocí klientských skriptů, můžete přistupovat k libovolnému prvku formuláře, měnit jej a aplikovat jej podle svého uvážení.
K odeslání formuláře na server slouží tlačítko PŘEDLOŽIT , stejného efektu lze dosáhnout stisknutím tlačítka Vstupte v rámci formuláře. Když html formulář odeslána na server, správa dat se přenese do programu CGI, specifikované parametrem akce značky FORM. Zkráceno jako CGI (Common Gateway Interface, common rozhraní brány )
označuje protokol, kterým programy komunikují s webovým serverem. Pomocí CGI můžete spouštět programy na serveru v jakémkoli programovacím jazyce a zobrazovat výsledek jejich akcí jako webovou stránku. Nejoblíbenější jazyky jsou Perl, PHP, C.
Značka FORM - vytvořte formulář
Chcete-li prohlížeči sdělit, kde má začít a kde skončit html formulář , používá se značka FORM. Mezi otevírací a uzavírací tagy můžete umístit libovolné potřebné HTML tagy. To vám umožňuje přidávat prvky formuláře do buněk tabulky a formátovat je, stejně jako používat obrázky. Dokument může obsahovat libovolný počet formulářů, ale na server lze současně odeslat pouze jeden formulář. Z tohoto důvodu by formuláře neměly být vnořeny do sebe.
Atributy značky FORM jsou uvedeny níže:
akce - určuje handler, ke kterému se přistupuje k datům formuláře při jejich odesílání na server, handlerem může být CGI program nebo HTML dokument a můžete také zadat adresu; E-mailem začínající od klíčové slovo Maiito .
enctype - nastavuje typ dat odesílaných spolu s formulářem.
metoda - tento parametr informuje server o účelu požadavku, používají se dvě hlavní metody: DOSTAT A POŠTA :
dostat - tato metoda je jednou z nejběžnějších a je určena k získání požadovaných informací a přenosu dat v adresním řádku.
pošta - odešle data na server v požadavku prohlížeče, který vám umožní odeslat velké množství dat, než jsou pro metodu dostupné DOSTAT , protože má limit 4 KB.
cílová - po zpracování formuláře jsou data vrácena ve formě HTML dokumentu a pomocí tohoto atributu lze určit okno, do kterého se načte výsledná webová stránka. Název okna je určen parametrem NÁZEV .
_prázdný - načte se v novém okně prohlížeče;
_já - načte stránku vrácenou obsluhou formuláře do aktuálního okna;
_rodič - načte stránku do nadřazeného rámce, pokud nejsou žádné rámce, pak tento parametr funguje jako _já ;
_horní - zahodí všechny rámce, pokud jsou přítomny, a načte stránku v plném okně prohlížeče, jinak tato volba funguje jako _já .
Formulářové prvky
Formulář je pouze kontejner pro umístění objektů, které duplikují prvky rozhraní operačního systému: tlačítka, pole se seznamem, přepínače, zaškrtávací políčka atd.
Textové pole
Textové pole je určeno pro zadávání znaků z klávesnice. K tomuto účelu se používají tři prvky formuláře – jednořádkové textové pole, pole pro heslo a víceřádkové textové pole:
Jednořádkové textové pole - toto pole je určeno pro uživatele k zadání řádku textu. Velikost pole může být omezena na šířku, ale to je provedeno spíše pro pohodlí návrhu, aby se prvek vešel do prostoru, který je pro něj vyhrazen. Při omezení šířky pole lze text psát jako obvykle, ale při psaní jsou dříve zadané znaky skryty.maximální délka - maximální částka znaků povolených při psaní, pokud je tento parametr vynechán, je počet zadávaných znaků neomezený.
název - název pole určený k tomu, aby formulářový procesor mohl pole identifikovat.
velikost - šířka pole, fyzická velikost závisí na nastavení operačního systému a zvoleného prohlížeče.
hodnota - počáteční text obsažený v poli.
Níže je uveden příklad použití textového pole:
V prohlížeči bude tento kód vypadat takto:
Šířka textového pole je nestabilní hodnota a může se v malých mezích lišit od jednoho místa k druhému. Pro html formuláře , který se nachází ve sloupci omezená šířka , takové změny vedou k narušení původní dispozice. V tomto případě je lepší se použití parametru úplně vyhnout velikost a nahradit jej styly. CSS navíc umožňuje změnu (Pozadí) , (font) A (okraj) .
S použitými styly to může vypadat nějak takto:
Pole hesla - běžné textové pole, zadaný text je zobrazen jako hvězdičky. Tato funkce je navržena tak, aby zabránila komukoli šmírovat zadané heslo. Možnosti pole hesla jsou stejné jako možnosti textového pole. Bylo nalezeno pole hesla široké uplatnění na webových stránkách k autorizaci uživatelů a omezení přístupu k částem webové stránky, kde musí být potvrzena přístupová práva.
Podívejme se, co se stalo v prohlížeči:
Zadejte své jméno: Zadejte svou recenzi:
No, je to skoro hotovo hotový formulář zpětnou vazbu, pokud tomu dáte určité styly, získáte docela slušné html formulář pro web .
Obrázky v textovém poli
Obrázek vedle textového pole se obvykle přidává k upoutání pozornosti uživatele a pro účely návrhu. Styly umožňují vložit obrázek přímo do pole pro zadávání textu.
Nejprve si připravte potřebný obrázek a poté jej přidejte do štítku VSTUP jako pozadí pomocí . Původní kresba lze snížit o grafický editor nebo naopak zvětšit výšku pole a přizpůsobit ho výšce obrazu. K tomuto účelu je nemovitost využívána výška . Jako argument parametru Pozadí nutné používat neopakovat , pak se obrázek zobrazí pouze jednou a nebude se opakovat jako výchozí pozadí. Chcete-li se vyhnout psaní textu přes obrázek, použijte styl značky VSTUP měl by být přidán atribut polstrování-vlevo . Zajišťuje nastavení textu napravo od obrázku a jeho hodnota závisí na šířce obrázku.
Takhle:
Přihlásit se: Heslo:
Protože je textové pole vykresleno zapuštěné do 3D okraje, skutečná výška oblasti je o něco menší než zadaná výška. V tomto příkladu jsou tedy použity obrázky s výškou 34px, pokud nastavíte stejnou hodnotu pro okraj, budou obrázky oříznuty zespodu. Aby k tomu nedocházelo, je výška pole v příkladu nastavena výše. Za stejným účelem můžete pomocí stylu nastavit jiný typ rámečku.
Tlačítka
Tlačítka jsou jedním z nejpřehlednějších a nejintuitivnějších prvků rozhraní. Podle jejich vzhledu je okamžitě jasné, že jedinou akcí, kterou s nimi lze provést, je kliknout na ně. Díky této vlastnosti se tlačítka často používají ve formulářích, zejména při jejich odesílání a čištění.
Tlačítko na webové stránce lze vytvořit dvěma způsoby – pomocí značky VSTUP a tag KNOFLÍK . Nejprve zvažte přidání tlačítka přes VSTUP a jeho syntaxi.
Existují pouze dva hlavní parametry - to jsou název A hodnota . Atribut název určuje název tlačítka a má umožnit formulářovému procesoru identifikovat toto pole. Parametr název lze vynechat, v takovém případě není hodnota tlačítka odeslána na server. Pomocí parametru se současně nastavuje hodnota tlačítka a popis na něm hodnota .
Do popisku na tlačítku můžete vložit libovolný počet mezer, pomocí nich můžete upravit jeho šířku.
Druhý způsob vytvoření tlačítka je založen na použití značky KNOFLÍK . Ve své akci se podobá výsledku získanému pomocí značky VSTUP . Na rozdíl od této značky KNOFLÍK nabízí pokročilé možnosti vytváření tlačítek. Například na takové tlačítko můžete umístit jakékoli HTML prvky , počítaje v to . Pomocí stylů můžete nastavit vzhled tlačítka změnou písma, barvy pozadí, velikosti a dalších parametrů.
Teoreticky značka KNOFLÍK musí být umístěn uvnitř formuláře nastaveného prvkem FORMULÁŘ . Prohlížeče však nezobrazují chybovou zprávu a s tagem pracují správně KNOFLÍK , pokud se vyskytuje nezávisle. Pokud však výsledek kliknutí na tlačítko musí být odeslán na server, umístěte jej KNOFLÍK mezi tagy FORMULÁŘ Nezbytně.
Následující příklad ukazuje, jak vytvořit běžné tlačítko s textem, stejně jako tlačítka s současné použití text a kresba. Aby bylo zajištěno, že obrázek a text budou zarovnány na stejnou osu, je přidán atribut absmiddie pro značku IMG .
Tlačítko s textem
Poslat
Co se stalo:
Tlačítko s textem
Poslat
Knoflík PŘEDLOŽIT - určené k odesílání dat na server. Jeho vzhled se neliší od ostatních tlačítek, ale když na něj kliknete, spustí se serverový program , specifikované parametrem akce štítek FORMULÁŘ . Tento program, nazývaný také form handler, přijímá data zadaná uživatelem do polí formuláře, provádí s nimi potřebné manipulace a výsledek pak vrací ve formě HTML dokumentu. Co přesně handler dělá, závisí na autorovi webu; Podobná technologie se tedy používá k vytváření průzkumů, fór, návštěvních knih, testů a mnoha dalších věcí.
Prohlížeč zobrazí:
Knoflík RESETOVAT - když stisknete tlačítko RESETOVAT data formuláře se vrátí na původní hodnotu. Toto tlačítko se obvykle používá k vymazání informací zadaných do polí formuláře. Ale pro velké formuláře pomocí tlačítka RESETOVAT Je lepší odmítnout úplně, abyste na něj omylem neklikli, protože pak budete muset formulář vyplnit znovu.
Níže je formulář s jedním textové pole který již obsahuje předem zadaný text pomocí parametru hodnota štítek VSTUP . Po změně textu a kliknutí na tlačítko "Vymazat" se hodnota pole obnoví a opět se v něm objeví hláška "Zadejte text".
Podívejme se na kód html formuláře na displeji prohlížeče: Toto pole má tři hlavní parametry: název , hodnota A kontrolovány :
název - jednoznačně identifikuje pole, navíc, protože přepínače jsou prvky skupiny, musí být názvy všech prvků skupiny stejné. Tento přístup jednoznačně stanoví, že obor patří do určité skupiny.
hodnota - určuje, jaká hodnota bude odeslána na server. Zde musí mít každý prvek svou jedinečnou hodnotu, aby bylo možné identifikovat, která položka byla uživatelem vybrána.
kontrolovány - slouží k předvolbě položky seznamu.
Podle definice může mít sada přepínačů vybranou pouze jednu položku, takže se přidává kontrolovány do několika polí najednou nepovede k žádnému vynikajícímu výsledku. V každém případě bude označen prvek, který se v HTML kódu objeví jako poslední.
Kolik je 2+2?
3
4
Temný
V prohlížeči bude formulář vypadat takto:
Kolik je 2+2? 3 4 Temný
Zaškrtávací políčka
Zaškrtávací políčka (zaškrtávací políčko) používá se, když je nutné vybrat dvě nebo více možností z navrhovaného seznamu. Pokud potřebujete vybrat pouze jednu možnost, dejte přednost přepínačům (přepínač) .
Parametry zaškrtávacích políček jsou shodné s přepínači, konkrétně: název určuje název pole, hodnota - jeho hodnota, a kontrolovány nastaví zaškrtávací políčko jako zaškrtnuté. V tomto případě je každé zaškrtávací políčko ve skupině považováno za nezávislé, takže jejich názvy a hodnoty se musí lišit.
S čím operační systémy znáte se?
Windows 95/98
Windows 2000
Systém X
Linux
X3-DOS
Zobrazí se prohlížeč.
Na webových stránkách často najdete stránky, na kterých jsou umístěny formuláře HTML. Webové formuláře – pohodlný způsob získávání informací od návštěvníků vašich stránek. Příkladem toho je - , - který poskytuje zpětná vazba s návštěvníky webu a vývojáři. Formuláře jsou také vhodné pro vývojáře webu při vývoji CMS, což jim umožňuje zachovat hlavní vlastnost webu – relevanci. Tento článek je věnován základům tvorby HTML formulářů, jejich zpracování a způsobům přenosu dat z obrazovkových formulářů do PHP skriptů.
1) Vytvořte jednoduchý formulář Tagy
A