Jak vytvořit html formuláře. Vytvoření jednoduchého formuláře. Vytvoření registračního panelu
Štítek (z angličtiny formulář- formulář) nainstaluje formulář na webovou stránku.
Formulář je určen 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í.
Dokument může obsahovat libovolný počet formulářů, ale na server lze současně odeslat pouze jeden formulář. Z tohoto důvodu musí být data formuláře na sobě nezávislá.
Pro odeslání formuláře na server použijte tlačítko Odeslat, totéž lze provést stisknutím klávesy Enter ve formuláři. Pokud tlačítko Odeslat na formuláři není, klávesa Enter simuluje jeho použití.
Když je formulář odeslán na server, je řízení dat přeneseno do programu určeného atributem akce prvku
Závěrečná značka je povinná.
WAI ARIA
Výchozí hodnota role: formulář
Platné hodnoty rolí:
- žádný
- prezentace
- Vyhledávání
Atributy
- accept-charset – Nastavuje kódování, ve kterém může server přijímat a zpracovávat data.
- akce – Adresa programu nebo dokumentu, který zpracovává data formuláře.
- autocomplete – Umožňuje automatické doplňování polí formuláře.
- enctype – Způsob kódování dat formuláře.
- metoda - metoda protokolu HTTP.
- jméno – Název formuláře.
- novalidate - Zruší vestavěnou validaci dat formuláře pro správnost zadání.
- target – Název okna nebo rámce, kam obslužná rutina načte vrácený výsledek.
přijmout-znakovou sadu
Nastavuje kódování, ve kterém může server přijímat a zpracovávat data formuláře.
Syntax
Hodnoty
Název kódování, například Windows-1251, UTF-8 atd.
Výchozí hodnota
Kódování nastavené pro stránku.
akce
Určuje obslužnou rutinu, ke které se přistupuje k datům formuláře, když jsou odeslána na server. Obslužnou rutinou může být serverový program nebo dokument HTML, který obsahuje serverové skripty (například Parser). Poté, co obslužná rutina provede akce s daty formuláře, vrátí nový dokument HTML.
Pokud atribut akce chybí, aktuální stránka se znovu načte a všechny prvky formuláře se vrátí na výchozí hodnoty.
Syntax
Hodnoty
Hodnota je úplná nebo relativní cesta k souboru serveru.
Výchozí hodnota
automatické doplňování
Řídí automatické vyplňování polí formuláře. Hodnotu lze přepsat pomocí atributu autocomplete u konkrétních prvků formuláře.
Automatické vyplňování provádí prohlížeč, který si pamatuje hodnoty zapsané při prvním zadání a poté je nahradí, když je znovu zadáte do polí formuláře. V tomto případě lze automatické doplňování zakázat v nastavení prohlížeče a nelze jej v tomto případě změnit pomocí atributu autocomplete.
Po zadání prvních písmen textu se zobrazí seznam dříve uložených hodnot, ze kterého si můžete vybrat, co potřebujete.
Syntax
Hodnoty
- on - Povolí automatické vyplňování formulářů.
- vypnuto – deaktivuje automatické vyplňování. Tato hodnota se obvykle používá k tomu, aby prohlížeč neukládal důležitá data (hesla, čísla bankovních karet) a také zřídka zadávaná nebo jedinečná data (captcha).
Výchozí hodnota
enctype
Určuje, jak jsou data formuláře zakódována při odeslání na server. Obvykle není potřeba nastavovat atribut enctype, data jsou na straně serveru chápána zcela správně. Pokud však používáte pole pro odeslání souboru (input type="file"), měli byste definovat atribut enctype jako multipart/form-data .
Syntax
Hodnoty
- application/x-www-form-urlencoded - Mezery jsou nahrazeny + , znaky jako ruská písmena jsou zakódovány jejich hexadecimálními hodnotami (například %D0%90%D0%BD%D1%8F místo Anya).
- multipart/form-data - Data nejsou zakódována. Tato hodnota se používá při odesílání souborů.
- text/plain - Mezery jsou nahrazeny znaménkem +, písmena a další znaky nejsou kódovány.
Výchozí hodnota
application/x-www-form-urlencoded
metoda
Atribut method informuje server o metodě požadavku.
Syntax
Hodnoty
Hodnota atributu method nerozlišuje malá a velká písmena. Existují dva způsoby – získat a odeslat.
- get - 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. Páry jméno=hodnota jsou pak připojeny k adrese za otazníkem a odděleny znakem ampersand (symbol &). Pohodlí použití metody get spočívá v tom, že adresu se všemi parametry lze opakovaně používat, ukládat si ji například do záložek prohlížeče a také můžete měnit hodnoty parametrů přímo v adresním řádku.
- post – metoda post odesílá data na server v požadavku prohlížeče. To vám umožní odeslat více dat, než je k dispozici pro metodu get, protože příspěvek nemá limit 4 kB. Velké objemy dat se používají ve fórech, poštovních službách, plnění databází, odesílání souborů atd.
Výchozí hodnota
název
Definuje jedinečný název formuláře. Název formuláře se obvykle používá pro přístup k jeho prvkům prostřednictvím skriptů.
Syntax
Hodnoty
Jméno je sada znaků, včetně čísel a písmen. JavaScript rozlišuje velká a malá písmena, takže při přístupu k formuláři podle názvu prostřednictvím skriptů použijte stejný pravopis jako atribut name.
Výchozí hodnota
novalidovat
Ruší vestavěné ověření správnosti údajů zadaných uživatelem do formuláře. Tuto kontrolu provádí prohlížeč automaticky při odeslání formuláře na server a u polí , , stejně jako v případě, že existuje vzor nebo povinný atribut.
Syntax
Hodnoty
Výchozí hodnota
Ve výchozím nastavení je tento atribut zakázán.
cílová
Poté, co obslužný program formuláře obdrží data, vrátí výsledek jako dokument HTML. Můžete definovat rámec, do kterého se výsledná webová stránka načte. Chcete-li to provést, použijte atribut target jméno rámce je určeno jako jeho hodnota. Pokud cíl není nastaven, vrácený výsledek se zobrazí na aktuální kartě.
Syntax
Hodnoty
Hodnota je název rámce určený atributem name prvku