Wi-Fi

HTML formuláře. Vytváření formulářů HTML Jak vytvářet formuláře HTML

HTML formulář je součástí dokumentu, který umožňuje uživateli zadat informace, které ho zajímají, a které mohou být následně akceptovány a zpracovány na straně serveru. Jinými slovy, formuláře se používají ke shromažďování informací zadaných uživateli.

Chcete-li určit, ke kterému prvku formuláře aktuální štítek patří, musíte použít atribut for tagu . Hodnota atributu for se musí shodovat s hodnotou globálního atributu prvku formuláře, na který se štítek vztahuje. Atribut for nelze použít, pokud je prvek bude uvnitř prvku .

Podívejme se na příklad použití:

</span> Příklad použití značky <label><span>

V tomto příkladu:

Uvnitř První formuláře:
- Vyslán dva přepínače ( ) vyberte jednu z omezeného počtu možností. Všimněte si znovu, že pro přepínače ve stejném formuláři musí být uvedeno stejné jméno, uvedli jsme různé hodnoty. Pro První zaškrtnuto , které určuje, že prvek by měl být při načítání stránky předem vybrán (v tomto případě přepínač s hodnotou yes ). Kromě toho jsme zadali globální atributy pro přepínače, které definují jedinečný identifikátor prvku.
- Umístěny dva prvky , které definují textové popisky pro naše textová pole. Všimněte si, že jsme použili atribut for k určení, ke kterému prvku formuláře aktuální štítek patří. Hodnota atributu for odpovídá hodnotě globálního atributu přepínače, který potřebujeme.
Uvnitř druhý formuláře:
- Vyslán dva přepínače ( ) vyberte jednu z omezeného počtu možností. Pro druhý Pro přepínače jsme zadali atribut zaškrtnuto, který označuje, že prvek by měl být při načítání stránky předem vybrán (v tomto případě přepínač s hodnotou ne ). Kromě toho jsme zadali jedinečné hodnoty pro přepínače ve formuláři a stejné názvy.
- Umístěny dva prvky , umístili jsme do nich naše přepínače. Na rozdíl od předchozí metody není potřeba u přepínacích tlačítek zadávat globální atributy (identifikátor prvku) a k odkazování na ně používat atribut for pro textové štítky (vytvářet vazbu).

V prohlížeči vypadají obě možnosti (metody) použití textových štítků identicky:

Popisek pro vstupní pole

Podívejme se na příklad použití:

Příklad použití zástupného atributu <span>

V v tomto příkladu jsme specifikovali pro prvek se zadáním textu (jednořádkové textové pole) a zadáním hesla (pole hesla), textovou výzvou pro uživatele (atribut zástupného symbolu), který popisuje očekávanou hodnotu pro vstup.

Výsledek našeho příkladu:

Otázky a úkoly k tématu

Než přejdete k dalšímu tématu, dokončete cvičný úkol:

S využitím znalostí, které jste získali, vytvořte následující objednávkový formulář:

Upozornění: v polích, kde se očekává výběr, by mělo být možné vybírat kliknutím na text, nikoli pouze na prvek samotný.

Po dokončení cvičení zkontrolujte kód stránky otevřením příkladu v samostatném okně, abyste se ujistili, že jste vše udělali správně.

Formuláře představují nejdůležitější interaktivní HTML prvky, což vývojářům stránek umožňuje interaktivní interakci s návštěvníky. S jejich pomocí může uživatel vracet komentáře o návštěvě konkrétního uzlu, přeposílat požadavky nebo se registrovat. Vývojář klade otázky vytvořením formuláře a uživatel na ně odpovídá jeho vyplněním. Obsah formuláře je buď předán skriptu CGI nebo prostřednictvím e-mailem odeslána příjemci. Samotný proces tvorby formuláře se skládá ze dvou fází. První zahrnuje vytvoření samotného formuláře a druhý zahrnuje vytvoření CGI skriptu na serveru. Formulář je vytvořen pomocí různých značek a atributů spárovaných dohromady

Živel

Syntaxe poštovního formuláře:

Živel je základem pro všechny prvky formuláře. Používá se k vložení tlačítek do formuláře, grafické obrázky, zaškrtávací políčka, přepínače, hesla a textová pole. I přes vnější rozdíly formuláře, všechny předávají data do CGI skriptu ve formě párů název:hodnota. Prvek může mít osm atributů, určený typ:

TEXT Jednořádkové textové pole používané k zadávání informací, které nelze zadat do žádného jiného prvku formuláře. Zde se zadávají jména, adresy, pozice, telefonní čísla, koníčky a údaje téměř jakéhokoli typu. Prvek může mít následující atributy:

Syntax:

PASSWORD Jednořádkové pole, které zobrazuje hvězdičky místo zadaných znaků. Prvek může mít následující atributy:

maximální délka. Nastavuje maximální povolenou délku zadané hodnoty ve znacích.

velikost. Nastavuje maximální povolenou délku pole ve znacích.

hodnota. Nastaví výchozí hodnotu, kterou lze změnit.

Syntax:

HIDDENDalší typ vstupu skrytých informací. Umožňuje předávat skriptům informace, které uživatel nemůže změnit. Některé programy CGI používají k přenosu informací z jedné stránky na druhou skrytá pole, jako je jméno nebo číslo. Tento přístup značně usnadňuje práci uživatele a eliminuje potřebu znovu zadávat data. Chcete-li například odeslat soubor z zdrojový kód HTML používá následující konstrukci:

CHECKBOX Příznaky se používají k tomu, aby uživatel mohl odpovídat jednoslabičně: ano/ne pravda/nepravda více/méně atd. Obvykle vypadá jako kříž nebo pták. Prvek může mít následující atributy:

kontrolovány. Nastaví výchozí počáteční stav zaškrtávacího políčka.

hodnota. Nastaví výchozí hodnotu, kterou lze změnit.

Syntax:

Přepínače RADIO jsou v mnoha ohledech podobné zaškrtávacím políčkům, liší se pouze svou širší funkčnost výběr. Ve skupině přepínacích tlačítek lze vybrat pouze jedno. Pro každý přepínač je určen samostatný prvek INPUT.

ODESLAT Kliknutím na toto tlačítko se obsah formuláře odešle skriptu, který byl specifikován atributem action na prvku

RESET Tlačítko se používá k obnovení výchozích hodnot. Pokud není zadána výchozí hodnota, bude jednoduše resetována na nulu. Šířka tlačítka se může lišit v závislosti na dalších prvcích. Má také atribut value.

Syntax:

OBRÁZEK Podobně jako tlačítko ODESLAT, pouze používá jako tlačítko obrázek. Jednou z výhod je možnost přenést souřadnice kliknutí uživatele, což vám umožní uspořádat mapu obrázků. Prvek může mít následující atributy:

src. Určuje adresu URL souboru obrázku.

zarovnat. Nastaví zarovnání obrázku vzhledem k textu pomocí hodnot TOP, MIDDLE a BOTTOM.

název. Nastaví název mapy, který se také odešle do skriptu spolu se souřadnicemi.

Syntax:

BUTTON Vytvoří další tlačítko, uživatelské prohlížeče mohou použít atribut value jako původní název souboru.

Syntax:

FILE Vytvoří ovládací prvek pro výběr souboru. Syntax:

ACCESSKEY Určuje tlačítko, které po stisknutí zpracuje pole. Syntax:

SIZE Určuje šířku prvku v pixelech. Syntax:

DISABLED Deaktivuje možnost měnit obsah pole nebo polohu tlačítka. Syntax:

Živel Tento prvek vytváří oblast pro zadávání a prohlížení textu. Může být použit nikoli jako součást formuláře, ale jako samostatné detaily stránky. Vstupní oblast pomáhá šetřit místo pomocí posuvníků. Může mít atributy:</p> <p>název. Určuje klíčové slovo, pomocí kterého může skript přistupovat ke svému obsahu.</p> <p>řádky. Nastaví výšku oblasti v řádcích.</p> <p>sloupce Nastaví šířku oblasti ve znacích.</p> <p>Syntax:</p> <p><FORM><H3>Zadejte text <TEXTAREA name="ключевое слово" rows=5 cols=30>Oblast pro zadávání textu

Živel Syntax:

Má atributy:

vybraný. Určuje původně vybrané slovo.

hodnota. Nastaví význam vybraného slova pro skript.

Živel slouží k logickému seskupování prvků

Živel Jedná se o nejjednodušší prvek, který umožňuje vytvořit něco jako formulář a zadat řádek obsahující text a vygenerovat požadavek.

Příklad: Řekněme, že na aktuální stránce je základní adresa URL nastavena pomocí prvku poté, pokud uživatel zadá slovo1, slovo2, slovo3 do pole klíčového slova pro vyhledávání, prohlížeč vygeneruje a odešle požadavek do vyhledávače serveru ve tvaru: http://www.nazev.domena/?slovo1+slovo2+slovo3 Pokud vyhledávací program serveru podporuje standardní syntaxi dotazu pomocí znaků? a +, bude provedeno vyhledávání.

Živel

name určuje název prvku.

value nastavuje hodnotu prvku.

typ při použití jako tlačítko má následující hodnoty: button, submit a reset.

zakázáno znepřístupní daný prvek

tabindex určuje pozici v sekvenci navigace pomocí klávesy Tab vypnutá pole formuláře se neúčastní objednávky.

accesskey určuje přístupový klíč.

Živel používá se k alternativnímu specifikování informací pro pole ovládacích prvků formuláře. Podporuje atribut for, který váže prvek s jiným prvkem formuláře a hodnota atributu for se musí shodovat s hodnotou atributu id přidruženého ovládacího prvku.

Živel

umožňuje logicky seskupovat prvky formuláře. Syntax:

název

Živel umožňuje pojmenovat logické skupiny formulářových prvků. Syntax: název

Vzhled formuláře HTML lze výrazně zlepšit pomocí CSS:

Úprava stylu vstupního pole

Pomocí vlastnosti width určete šířku vstupního pole:

Výše uvedený příklad platí pro všechny Prvky. Pokud chcete stylovat konkrétní typ vstupu, můžete použít selektory atributů:

vstup – vybere pouze textová pole
vstup - vybere pouze pole hesla
vstup - vybere pouze číslo pole
atd..

Zpevněné vchody

Pomocí vlastnosti padding přidejte prostor do textového pole.

Rada: Pokud máte mnoho vstupů po sobě, můžete také přidat okraj a přidat více místa mimo ně:

Hraniční vchody

Pomocí vlastnosti border změňte velikost a barvu ohraničení a pomocí vlastnosti border-radius přidejte zaoblené rohy:

Pokud chcete pouze spodní ohraničení, použijte vlastnost border-bottom:

Barevné vstupy

Pomocí vlastnosti background-color přidejte do vstupu barvu pozadí a pomocí vlastnosti color změňte barvu textu:

Zaostřeno na vstupy

Ve výchozím nastavení některé prohlížeče přidají modrý obrys kolem vstupu, když je aktivní (kliknete na něj). Toto chování můžete odstranit přidáním osnovy: none; u vchodu.

Pomocí voliče :focus můžete něco udělat se vstupním polem, když je zaostřeno:

Vstup pomocí ikony/obrázku

Pokud chcete mít ikonu uvnitř vstupu, použijte vlastnost background-image a umístěte ji pomocí vlastnosti background-position. Všimněte si také, že přidáme velké levé odsazení, aby bylo vyhrazeno místo pro ikony:

příklad

vstup(
barva pozadí: bílá;
background-image: url("searchicon.png");
background-position: 10px 10px;
background-repeat: no-repeat;
padding-left: 40px;
}

Zkus to sám "

Animovaný vstup pro vyhledávání

V tomto příkladu používáme vlastnost přechodu CSS3 k animaci šířky vyhledávacího pole, když je aktivní. Více o přechodové vlastnosti se dozvíte dále v našem

HTML formulář je nástroj, pomocí kterého může HTML dokument poslat nějaké informace do nějakého předem určeného bodu ve vnějším světě, kde budou informace nějakým způsobem zpracovány.

Je docela obtížné mluvit o formulářích v tutoriálu věnovaném HTML. Důvod je velmi jednoduchý: vytvoření formuláře HTML je mnohem jednodušší než vytvoření „bodu ve vnějším světě“, do kterého bude formulář HTML odesílat informace. Ve většině případů je takovým „bodem“ program napsaný v Perlu nebo C.

Programy, které zpracovávají data odeslaná formuláři, se často nazývají CGI skripty. Zkratka CGI znamená Common Gateways Interface. Psaní CGI skriptů ve většině případů vyžaduje dobrou znalost příslušného programovacího jazyka a možností operačního systému Unix.

V současné době se poněkud rozšířil jazyk PHP/FI, jehož instrukce lze vkládat přímo do HTML dokumentů (dokumenty se ukládají jako soubory s příponou *.pht nebo *.php).

Formuláře HTML předávají informace obslužným programům ve formě párů [název proměnné]=[hodnota proměnné]. Názvy proměnných by měly být uvedeny latinkou. S hodnotami proměnných zacházejí obslužné programy jako s řetězci, i když obsahují pouze čísla.

Jak funguje formulář HTML

Formulář se otevře pomocí značky

. HTML dokument může obsahovat několik formulářů, ale formuláře by neměly být umístěny jeden v druhém. HTML text včetně značek lze do formulářů vkládat bez omezení.

Štítek

může obsahovat tři atributy, z nichž jeden je povinný. Toto jsou atributy:

Povinný atribut. Určuje, kde se nachází obslužný program formuláře.

Určuje, jak (jinými slovy, pomocí které metody protokolu přenosu hypertextu) budou data z formuláře přenesena do handleru. Platné hodnoty jsou METHOD=POST a METHOD=GET . Pokud hodnota atributu není nastavena, standardně se předpokládá METHOD=GET.

Určuje, jak budou data z formuláře HTML kódována pro přenos do obslužné rutiny. Pokud hodnota atributu není nastavena, výchozí je ENCTYPE=application/x-www-form-urlencoded .

Nejjednodušší HTML formulář

Aby bylo možné zahájit proces přenosu dat z formuláře do handleru, je potřeba nějaká kontrola. Vytvoření takového kontrolního orgánu je velmi jednoduché:

Když prohlížeč narazí na takový řádek uvnitř formuláře, vykreslí na obrazovku tlačítko s nápisem Odeslat (čti „odeslat“ s důrazem na druhou slabiku, z anglického „odeslat“), po kliknutí se zobrazí všechna data dostupná v formulář se přenese na handler definovaný v tagu .

Popisek na tlačítku lze nastavit na cokoliv chcete zadáním atributu VALUE="[Label]" (читается "вэлью" с ударением на первом слоге, от английского "значение"), например:!}

Nyní víme dost na to, abychom mohli napsat jednoduchý HTML formulář (příklad 11). Nebude shromažďovat žádná data, ale jednoduše nás vrátí k textu této kapitoly.

Příklad 11

Nejjednodušší forma

Nápis umístěný na tlačítku lze v případě potřeby předat handleru zavedením atributu NAME=[name] do definice tlačítka (čti „name“, z angličtiny „name“), například:

Když na takové tlačítko kliknete, handler spolu se všemi ostatními údaji obdrží proměnnou tlačítka s hodnotou Let's go! .

Formulář může mít více tlačítek pro odeslání s různými názvy a/nebo hodnotami. Obsluha tak může jednat odlišně v závislosti na tom, na které tlačítko odeslání uživatel klikl.

Jak formulář HTML shromažďuje data

Existují další typy prvků . Každý prvek musí obsahovat atribut NAME=[jméno], který specifikuje název prvku (a podle toho i název proměnné, která bude předána handleru). Název musí být specifikován pouze latinkou. Většina položek musí obsahovat atribut VALUE="[hodnota]" , определяющий значение, которое будет передано обработчику под этим именем. Для элементов !} A , tento atribut je však volitelný, protože hodnotu odpovídající proměnné může zadat uživatel pomocí klávesnice.

Základní typy prvků :

TYPE=text

Definuje okno pro zadání řádku textu. Může obsahovat další atributy SIZE=[číslo] (šířka vstupního okna ve znacích) a MAXLENGTH=[číslo] (maximální povolená délka vstupního řetězce ve znacích).

Příklad:

Definuje okno o šířce 20 znaků pro zadávání textu. Okno standardně obsahuje text Ivan, který může uživatel upravovat. Upravený (nebo neupravený) text je předán handleru v uživatelské proměnné.

TYPE=heslo

Definuje okno pro zadání hesla. Naprosto podobný typu textu, jen místo symbolů zadávaného textu zobrazuje na obrazovce hvězdičky (*). Příklad:

Definuje okno o šířce 20 znaků pro zadání hesla. Maximální povolená délka hesla je 10 znaků. Zadané heslo je předáno handleru v proměnné pw.

TYPE=rádio

Definuje přepínač. Může obsahovat další zaškrtnutý atribut (označuje, že tlačítko je zaškrtnuté). Ve skupině přepínačů s stejná jména Může být pouze jeden označený přepínač.

Příklad:

9600 bps
14400 bps
28 800 bps

Definuje skupinu tří přepínačů označených 9600 bps, 14400 bps a 28800 bps. První z tlačítek je zpočátku označeno. Pokud uživatel nezaškrtne jiné tlačítko, bude handleru předána proměnná modemu s hodnotou 9600. Pokud uživatel zaškrtne jiné tlačítko, bude obslužné rutině předána proměnná modemu s hodnotou 14400 nebo 28800.

TYPE=zaškrtávací políčko

Definuje čtverec, do kterého lze udělat značku. Může obsahovat další zaškrtnutý atribut (označuje, že čtverec je zaškrtnutý). Na rozdíl od přepínačů může mít skupina čtverců se stejným názvem více označených čtverců.

Příklad:

Osobní počítače
Pracovní stanice
servery lokální sítě
Internetové servery

Definuje skupinu čtyř čtverců. Druhý a čtvrtý čtverec jsou zpočátku označeny. Pokud uživatel neprovede žádné změny, budou obsluze předány dvě proměnné: comp=WS a comp=IS .

TYPE=skrytý

Definuje skrytý datový prvek, který není viditelný pro uživatele při vyplňování formuláře a je předán obsluze beze změny. Někdy je užitečné mít takový prvek na formuláři, který je čas od času předělán, aby obsluha věděla, s jakou verzí formuláře má co do činění. Další možné využití si snadno vymyslíte sami.

Příklad:

Definuje proměnnou skryté verze, která je předána obslužné rutině s hodnotou 1.1.

TYPE=resetovat

Definuje tlačítko, které po kliknutí vrátí HTML formulář do původního stavu. Protože při použití tohoto tlačítka nejsou obslužnému programu předávána žádná data, tlačítko reset nemusí mít atribut name.

Příklad:

Definuje tlačítko Vymazat pole formuláře, které po kliknutí vrátí formulář HTML do původního stavu.

Kromě prvků , HTML formuláře mohou obsahovat nabídky .</p> <p>Jídelní lístek <SELECT>z n prvků vypadá asi takto:</p><p> <SELECT NAME="[имя]"> <OPTION VALUE="[hodnota 1]">[text 1] <OPTION VALUE="[hodnota 2]">[text 2] ... <OPTION VALUE="[hodnota n]">[text n]</SELECT> </p><p>Jak vidíte, nabídka začíná tagem <SELECT>a končí značkou</SELECT>. Štítek <SELECT>obsahuje povinný atribut NAME, který určuje název proměnné, kterou nabídka generuje.</p> <p>Štítek <SELECT>může také obsahovat atribut MULTIPLE, jehož přítomnost naznačuje, že z nabídky lze vybrat více položek. Většina prohlížečů zobrazuje nabídku <SELECT MULTIPLE>ve formě okna, ve kterém jsou umístěny položky menu (výšku okna v řádcích lze nastavit atributem SIZE=[číslo]). Jídelní lístek <SELECT>ve většině případů se zobrazuje jako rozbalovací nabídka.</p> <p>Štítek <OPTION>definuje položku nabídky. Požadovaný atribut VALUE nastavuje hodnotu, která bude předána obslužné rutině, pokud je vybrána tato položka nabídky. Štítek <OPTION>může obsahovat zaškrtnutý atribut označující, že prvek je standardně zaškrtnutý.</p> <h3>Podívejme se na malý příklad:</h3> <SELECT NAME="selection"> <OPTION VALUE="Možnost 1" checked>Možnost 1 <OPTION VALUE="možnost2">Možnost 2 <OPTION VALUE="možnost3">Možnost 3</SELECT> <p>Tento fragment definuje nabídku tří prvků: Možnost 1, Možnost 2 a Možnost 3. Standardně je vybrána položka Option 1. Obslužné rutině bude předána výběrová proměnná, jejíž hodnota může být option1 (výchozí), option2 nebo option3 .</p> <p>Po tom všem, co jsme se už naučili, živel <TEXTAREA>se může zdát docela jednoduché. Například:</p><p> <TEXTAREA NAME=address ROWS=5 COLS=50>A tady je vaše adresa...

Všechny atributy jsou povinné. Atribut NAME definuje jméno, pod kterým bude obsah okna přenesen do handleru (v příkladu - adresa). Atribut ROWS nastavuje výšku okna v řádcích (v příkladu 5). Atribut COLS nastavuje šířku okna ve znacích (v příkladu 50).

Text umístěný mezi tagy A, představuje výchozí obsah okna. Uživatel jej může upravit nebo jednoduše vymazat.

Je důležité vědět, že v okně jsou ruská písmena když jsou předány handleru, mohou být převedeny na odpovídající znakové objekty.</p> <h3>Příklad:</h3> <p>Abych demonstroval použití HTML formulářů, napsal jsem malý program v PHP, který se nachází na adrese:</p><p>http://206.31.82.215/hp/nc/fd-win.pht</p><p>Zdrojová data se do tohoto programu přenesou pomocí formuláře popsaného v příkladu 12:</p><p> <HTML> <HEAD> <TITLE>Příklad 12</TITLE> </HEAD> <H1>Trochu složitější forma</H1> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> <H2>Řekni nám něco málo o sobě...</H2> <P>Není nutné poskytovat pravdivé informace. Pro demonstrační účely se docela hodí i fiktivní.</P> <P>Název: <INPUT TYPE=text SIZE=40 NAME=fn><BR>Příjmení: <INPUT TYPE=text SIZE=40 NAME=ln><BR>Podlaha: <INPUT TYPE=radio NAME=gender VALUE="mužský" checked>mužský <INPUT TYPE=radio NAME=gender VALUE="ženský">ženský <BR>Stáří: <INPUT TYPE=text SIZE=5 NAME=age>let <BR> <INPUT TYPE=submit VALUE="Run handler"></P> </FORM> </BODY> </HTML> </p><p>Vyplňte HTML formulář, klikněte na tlačítko a uvidíte, co se stane...</p> <p><b>Malý trik <br>nebo jak odeslat formulář poštou</b></p><p>To vše je v pořádku, řeknou si skeptici, ale proč sakra lidé potřebují HTML formuláře, které je nemají čím zpracovávat? To je částečně pravda, ale jen částečně.</p> <p>HTML poskytuje poměrně výkonný mechanismus pro odesílání obsahu formuláře prostřednictvím e-mailu. Zde je návod, jak to vypadá v praxi.</p> <p>Řekněme, že jsme mírně změnili Příklad 12. Místo řetězce</p><p> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> </p><p>vstoupili jsme do řady</p><p> <FORM ACTION="mailto:user@mail.box" ENCTYPE=text/plain> </p><p>Upozorňujeme, že jsme změnili kódovací algoritmus na text/plain , to znamená, že jsme kódování ve skutečnosti úplně vypnuli.</p> <p>Předpokládejme nyní, že uživatel uvedl křestní jméno Ivan, příjmení Petrov, mužské pohlaví a věk 22 let. Nyní je otázkou: co se stane, když uživatel klikne na tlačítko Run Handler?</p> <p>Odpověď je jednoduchá. Následující zpráva bude automaticky odeslána na e-mail uživatel@mail.box:</p><p>Fn=Ivan ln=Petrov pohlaví=muž věk=22</p><p>Bohužel ne všichni uživatelé budou moci tento HTML formulář používat. Faktem je, že veškerou práci se sepsáním zprávy a spuštěním emailového programu k jejímu odeslání ve skutečnosti přebírá prohlížeč uživatele. To znamená, že konfigurace přístupu k Internetu uživatele musí zajistit současnou funkci Hypertext Transfer Protocol a Outgoing Mail Delivery Protocol. To není vždy možné. I kdyby to však nebylo možné, nic fatálního se nestane. Prohlížeč jednoduše zobrazí chybovou zprávu.</p> <p><b>HTML tagy, které definují HTML formuláře na webu</b></p> <p><b>Tvoříme webové stránky a <a href="https://phocs.ru/cs/programma-dlya-umensheniya-pdf-faila-metody-i-instrumenty/">jednotlivé stránky</a> na internetu</b> komunikovat s návštěvníky.</p> <p><b>HTML formuláře</b> se používají k registraci návštěvníků na webu, k interaktivním průzkumům a hlasování, umožňují posílat zprávy, nakupovat a tak dále. <b>HTML</b> Formulář je vytvořen za jediným účelem: shromažďování a následné předávání informací ke zpracování pomocí softwarového skriptu nebo prostřednictvím e-mailu.</p> <i> </i><h2>Příklad HTML formuláře | Zadejte web</h2> <p>Značky, atributy a hodnoty</p> <ul><li><form> </form>- určit tvar.</li> <li>name="" - definuje název formuláře.</li> <li>method="" - definuje způsob odeslání dat z formuláře. Hodnoty: "get" (výchozí) a "post" . Často se používá metoda „post“, protože umožňuje přenos velkého množství dat.</li> <li>action="" - definuje adresu URL, na kterou jsou data odeslána ke zpracování. V našem případě - enter_data.php ..</li> <li><input />- definovat takové prvky formuláře, jako jsou tlačítka, přepínače, textová pole pro zadávání dat.</li> <li>type="text" - definuje textové pole pro zadávání dat.</li> <li>type="password" - definuje pole pro zadání hesla, přičemž text se zobrazuje ve formě hvězdiček nebo kroužků.</li> <li>type="checkbox" - definuje přepínač.</li> <li>type="hidden" - definuje skrytý formulářový prvek - slouží k přenosu <a href="https://phocs.ru/cs/fail-mobi-chem-otkryt-kak-otkryt-faily-mobi-na-iphone-ili-ipad-dopolnitelnaya/">dodatečné informace</a> na server.</li> <li>size="25" - délka textového pole ve znacích.</li> <li>maxlength="30" - maximum <a href="https://phocs.ru/cs/podsoedineniya-k-kompyuteru-bolshoi-displei-podklyuchaem-novuyu/">přípustné množství</a> zadané znaky.</li> <li>value="" - definuje hodnotu, která bude odeslána ke zpracování, pokud se týká přepínačů nebo přepínačů. Hodnota tohoto atributu jako součásti textového pole nebo tlačítka se ve výše uvedeném příkladu zobrazí jako například Vasya nebo Login.</li> </ul><h2>Příklad HTML formuláře | Komentáře na webu</h2> <table class="jsexam"><tr><td> <span> <title>Příklad HTML formuláře</title><br> </head><br> <body><br> <form action="http://сайт/comments.php" method="post" name="commentform" id="commentform"><br> <p><input type="text" name="author" id="author" value="" size="25" /><br> <small>název</small><br></p><br> <p><input type="text" name="email" id="email" value="" size="25" /><br> <small>Pošta</small><br></p><br> <p><textarea name="comment" id="comment" cols="48" rows="8">

Značky, atributy a hodnoty

action="http://site/comments.php" - definuje url, na který se budou odesílat data z formuláře.
id="" - definuje název a identifikátor prvku formuláře.
name="" - definuje název prvku formuláře.
- definovat textové pole jako součást formuláře.
cols="" - určuje počet sloupců textového pole formuláře.
rows="" - definuje počet řádků textového pole formuláře.

Pokud mezi umístěte text, zobrazí se uvnitř pole jako příklad, který lze snadno odstranit.

Příklad HTML formuláře | Rozbalovací seznam

HTML formuláře

Značky, atributy a hodnoty

- definovat seznam s pozicemi pro výběr.
size="" - určuje počet viditelných pozic v seznamu. Pokud je hodnota 1, jedná se o rozevírací seznam.
- určit pozice (položky) seznamu.
value="" - obsahuje hodnotu, která bude odeslána formulářem na zadanou url ke zpracování.
selected="selected" - zvýrazní položku seznamu jako příklad.