Nemenný vstup. Poznámka: vlastné overovacie správy. Skryté pole HIDDEN

  • 22.05.2019

Špecifikácia

Povinný atribút

hodnoty

V tabuľke. 1 sú uvedené možné hodnoty pre atribút type a výsledný vzhľad poľa formulára.

Tab. 1. Zadajte hodnoty
Typ Popis vyhliadka
tlačidlo Tlačidlo.
začiarkavacie políčko Začiarkavacie políčka. Umožňuje vybrať viac ako jednu možnosť z možností. Pivo Čaj Káva
súbor Pole pre zadanie názvu súboru, ktorý sa odošle na server.
skryté skryté pole. V žiadnom prípade sa nezobrazuje na webovej stránke.
obrázok Pole obrázka. Keď kliknete na obrázok, údaje formulára sa odošlú na server.
heslo Normálne textové pole, ale líši sa od neho tým, že všetky znaky sú zobrazené ako hviezdičky. Má zabezpečiť, aby nikto nenakukol do zadaného hesla.
rádio Prepínače. Používa sa, keď si musíte vybrať jednu možnosť z viacerých možností. Pivo Čaj Káva
resetovať Tlačidlo na vrátenie údajov formulára na ich pôvodnú hodnotu.
Predložiť Tlačidlo na odoslanie údajov formulára na server.
text Textové pole. Navrhnuté na zadávanie znakov pomocou klávesnice.

Do HTML5 boli pridané nové hodnoty, ako je uvedené v tabuľke 1. 2.

Podpora týchto hodnôt zo strany prehliadačov je uvedená v tabuľke. 3.

Tab. 3. Podpora prehliadača pre hodnoty HTML5
Význam internet Explorer Chrome Opera safari Firefox Android iOS
farba 21.0+ 11.01+
dátum 5.0+ 10.62+ 5.0+ 5.0+
Dátum Čas 5.0+ 10.62+ 5.0+ 5.0+
dátum-čas-miestne 5.0+ 10.62+ 5.0+ 5.0+
email 10.0 5.0+ 10.62+ 5.0+ 4.0+ 2.3+ 3.1+
mesiac 5.0+ 10.62+ 5.0+ 5.0+
číslo 10.0 6.0+ 10.62+ 5.0+ 2.3+ 4.0+
rozsah 10.0 5.0+ 10.62+ 5.0+ 23.0+ 5.0+
Vyhľadávanie 10.0 5.0+ 11.01+ 5.0+ 4.0+ 4.0+
tel 10.0 5.0+ 11.01+ 5.0+ 4.0+ 3.1+
čas 5.0+ 10.62+ 5.0+ 5.0+
url 10.0 5.0+ 10.62+ 5.0+ 4.0+ 2.3+ 3.1+
týždeň 5.0+ 10.62+ 5.0+ 5.0+

Predvolená hodnota

HTML5 IE Cr Op Sa Fx

vstupná značka, atribút typu

Pivo
Čaj
Káva



HTML5 IE Cr Op Sa Fx

vstupná značka, atribút typu

Zadajte číslo od 1 do 10



Tag (z angličtiny. vstup- vstup) je jedným z všestranných prvkov formulára a umožňuje vám vytvárať rôzne časti rozhrania a poskytovať interakciu s používateľom.

Hlavne je určený na vytváranie textových polí, rôznych tlačidiel, prepínačov a začiarkavacích políčok.

hlavný atribút , ktorý definuje typ prvku - typ . Umožňuje nastaviť tieto prvky formulára: textové pole (text), pole pre heslo (heslo), prepínač (rádio), checkbox (checkbox), skryté pole (skryté), tlačidlo (tlačidlo), tlačidlo na odoslanie formulára (odoslať ), tlačidlo na vymazanie formulára (reset), pole na odoslanie súboru (súboru), tlačidlo s obrázkom (obrázkom) atď. Každý prvok má svoj vlastný zoznam atribútov, ktoré určujú jeho vzhľad a vlastnosti. Okrem toho bolo do HTML5 pridaných viac ako tucet nových atribútov.

Syntax

Záverečná značka sa nevyžaduje.

WAI ARIA

Neexistuje žiadna predvolená hodnota role.

Platné hodnoty rolí:

  • tlačidlo
  • začiarkavacie políčko
  • combobox
  • odkaz
  • položka menu
  • začiarkavacie políčko položky ponuky
  • menuitemradio
  • možnosť
  • rádio
  • vyhľadávacie pole
  • posúvač
  • tlačidlo otáčania
  • prepínač
  • Textové pole

Atribúty

  • prijať – nastaví filter pre typy súborov, ktoré môžete odoslať prostredníctvom poľa na odovzdanie súboru.
  • alt – Alternatívny text pre tlačidlo obrázka.
  • automatické dopĺňanie – povoľuje alebo zakazuje automatické dopĺňanie.
  • autofocus - Nastaví zameranie na pole formulára.
  • začiarknuté – predtým aktivovaný prepínač alebo začiarkavacie políčko.
  • dirname - Parameter, ktorý posiela smer textu na server.
  • vypnuté - Blokuje prístup a úpravu prvku.
  • formulár - Priradí pole k formuláru podľa jeho id.
  • formation - Určuje adresu obslužného programu formulára.
  • formenctype – Nastavuje spôsob kódovania údajov formulára pri ich odosielaní na server.
  • formmethod – informuje prehliadač, ktorý spôsob má odoslať údaje formulára na server.
  • formnovalidate - Zruší vstavané overenie údajov.
  • formtarget - Určuje okno alebo rámec, do ktorého sa načíta výsledok vrátený obsluhou formulára.
  • zoznam – Označuje zoznam možností, ktoré je možné vybrať pri zadávaní textu.
  • max - Horná hodnota pre zadanie čísla alebo dátumu.
  • maxlength – maximálny povolený počet znakov v texte.
  • min – Nižšia hodnota pre zadanie čísla alebo dátumu.
  • minlength - Minimálny povolený počet znakov v texte.
  • viac - umožňuje nahrať viacero súborov súčasne.
  • názov – názov poľa, určený pre procesor formulárov na jeho identifikáciu.
  • vzor – Nastavuje vzor vstupu.
  • zástupný symbol – zobrazuje sugestívny text.
  • len na čítanie – určuje, že používateľ nemôže upraviť pole.
  • povinné – povinné pole.
  • veľkosť – Šírka textového poľa.
  • src - Adresa grafického súboru pre pole obrázka.
  • krok - Krok prírastku pre číselné polia.
  • typ – informuje prehliadač o type prvku formulára.
  • hodnota – hodnota prvku.

súhlasiť

Nastaví filter na typy súborov, ktoré môžete odoslať cez pole nahrávania súboru. Typ súboru je špecifikovaný ako typ MIME, pri viacerých hodnotách sú uvedené oddelené čiarkami. Ak súbor nezodpovedá nastavenému filtru, nezobrazí sa v okne výberu súboru.

Vzťahuje sa na pole nahrávania súboru ( ).

Podpora prehliadača

Predvolená hodnota

alt

Atribút alt nastavuje alternatívny text pre pole obrázka. Takýto text vám umožňuje získať textové informácie o obrázku, keď je v prehliadači zakázané načítanie obrázkov a je určený aj pre vyhľadávače.

Syntax

hodnoty

Akýkoľvek vhodný textový reťazec.

Predvolená hodnota

automatické dopĺňanie

Tento atribút pomáha vyplniť polia formulára textom, ktorý bol do nich predtým zadaný. Hodnoty sú uložené a nahradené prehliadačom, pričom automatické dopĺňanie môže používateľ z bezpečnostných dôvodov zakázať v nastaveniach prehliadača a v tomto prípade ho nemožno ovládať pomocou atribútu automatického dopĺňania.

Keď zadáte prvé písmená textu, zobrazí sa zoznam predtým uložených hodnôt, z ktorých si môžete vybrať tú, ktorú potrebujete.

Automatické dopĺňanie konkrétneho poľa formulára je viazané na jeho atribút názvu a stratí sa, keď sa zmení hodnota.

Syntax

hodnoty

  • on – zapne automatické dopĺňanie textu.
  • vypnuté – zakáže automatické dopĺňanie. Táto hodnota sa zvyčajne používa na zabránenie uloženia dôležitých údajov (heslá, čísla bankových kariet), ako aj zriedka zadávaných alebo jedinečných údajov (captcha) v prehliadači.

Predvolená hodnota

Závisí od nastavení prehliadača.

automatické zaostrovanie

Automaticky nastaví zameranie na pole formulára. Do takéhoto poľa môžete okamžite zadať text bez toho, aby ste naň výslovne klikli kurzorom myši.

Syntax

hodnoty

Predvolená hodnota

V predvolenom nastavení nie je nastavený atribút autofocus.

skontrolované

Tento atribút určuje, či je prvok formulára, ako je začiarkavacie políčko alebo prepínač, vopred označený. V prípade použitia prepínačov je možné zaškrtnúť iba jeden prvok skupiny, pri zaškrtávacích políčkach možno zaškrtnúť aspoň všetky prvky.

Syntax

hodnoty

Predvolená hodnota

dirname

Ak je prítomný atribút dirname, na server sa odošle pár názov/hodnota, pričom názov je daný atribútom dirname a hodnota je nahradená prehliadačom. Pre text písaný zľava doprava bude hodnota ltr a pre text písaný sprava doľava (napríklad hebrejčina) bude hodnota rtl .

Syntax

hodnoty

Ľubovoľný textový reťazec, ktorý slúži ako názov parametra. Na označenie, že táto možnosť určuje smer textu, sa na koniec riadku zvyčajne pridáva prípona .dir.

Predvolená hodnota

zdravotne postihnutých

Blokuje prístup a úpravu poľa formulára. V tomto prípade je zobrazená sivou farbou a používateľ ju nemôže aktivovať. Okrem toho takéto pole nemožno zamerať stlačením klávesu Tab, myši alebo iným spôsobom. Tento stav poľa je však možné zmeniť pomocou skriptov. Hodnota uzamknutá v poli sa neodošle na server.

Syntax

hodnoty

Predvolená hodnota

Štandardne je tento atribút zakázaný.

formulár

Priradí pole k formuláru podľa jeho id. Takéto spojenie je potrebné, keď sa pole nachádza vonku

, napríklad pri jeho tvorbe programovo alebo z dizajnových dôvodov.

Syntax

...

hodnoty

Identifikátor formulára (hodnota atribútu id prvku

).

Predvolená hodnota

formácia

Určuje adresu obslužného programu formulára - je to program, ktorý prijíma údaje formulára a vykonáva s nimi požadovanú akciu. Atribút formácie je v akcii podobný atribútu akcie prvku. .

Syntax

hodnoty

formanctype

Nastavuje spôsob kódovania údajov formulára pri ich odoslaní na server. Zvyčajne explicitne špecifikované v prípade, keď sa pole používa na odoslanie súboru (input type="file"). Tento atribút má rovnaký účinok ako atribút enctype prvku. , keď sa formanctype a enctype používajú spolu, druhý typ sa ignoruje.

Syntax

hodnoty

  • application/x-www-form-urlencoded - Medzery sú nahradené znakom + , znaky ako ruské písmená sú zakódované ich hexadecimálnymi hodnotami (napríklad %D0%9F%D0%B5%D1%82%D1%8F namiesto Petya).
  • multipart/form-data - Údaje nie sú zakódované. Táto hodnota sa používa pri nahrávaní súborov.
  • text/plain - Medzery sú nahradené znakom + , písmená a iné znaky nie sú kódované.

Predvolená hodnota

application/x-www-form-urlencoded

tvarovacia metóda

Atribút informuje prehliadač, ktorý spôsob má odoslať údaje formulára na server.

Syntax

hodnoty

Existujú dva spôsoby - GET a POST, ktoré sú špecifikované kľúčovými slovami get a post.

  • get – Táto metóda slúži na odovzdávanie údajov formulára priamo do panela s adresou ako páry názov=hodnota, ktoré sa pridajú k adrese stránky za otáznik a oddelia sa znakom &. Úplná adresa bude napríklad http://site.ru/doc/?name=Vasya&password=pup . Množstvo dát v metóde je obmedzené na 4 KB.
  • post - Odošle dáta na server v požiadavke prehliadača, množstvo odosielaných dát je obmedzené len nastavením servera.

Predvolená hodnota

formnovalidate

Zruší zabudované overenie správnosti údajov zadaných používateľom do formulára pred odoslaním formulára. Túto kontrolu políčok vykonáva automaticky prehliadač. , , ako aj to, či má prvok vzor alebo požadovaný atribút .

Syntax

hodnoty

Predvolená hodnota

Štandardne je tento atribút zakázaný.

formtarget

Určuje názov rámca, do ktorého sa načíta výsledok vrátený obslužným programom formulára ako dokument HTML.

Syntax

hodnoty

Hodnota je názov rámca určený atribútom name. Ak je nastavený neexistujúci názov, otvorí sa nová karta. Nasledujúce môžu byť špecifikované ako rezervované názvy.

  • _blank – Načíta stránku na novú kartu prehliadača.
  • _self – Načíta stránku na aktuálnu kartu.
  • _parent – ​​Načíta stránku do nadradeného rámca; ak neexistujú žiadne rámce, potom táto hodnota funguje ako _self .
  • _top - Zruší všetky rámce a načíta stránku v úplnom okne prehliadača; ak neexistujú žiadne rámce, potom táto hodnota funguje ako _self .

Predvolená hodnota

zoznam

Ukazuje na zoznam možností vytvorených pomocou prvku , ktoré je možné vybrať počas písania. Tento zoznam je spočiatku skrytý a sprístupní sa, keď pole získa zameranie.

Syntax

hodnoty

Názov ID prvku .

Predvolená hodnota

max

Nastavuje hornú hodnotu pre zadávanie čísla alebo dátumu do poľa formulára.

Syntax

hodnoty

Predvolená hodnota

maximálna dĺžka

Nastavuje maximálny počet znakov, ktoré môže používateľ zadať do textového poľa. Keď sa toto číslo dosiahne počas písania, ďalšie zadávanie nebude možné.

Syntax

hodnoty

Predvolená hodnota

Zadávanie znakov nie je obmedzené.

min

Nastaví nižšiu hodnotu pre zadanie čísla alebo dátumu do poľa formulára.

Syntax

hodnoty

Celé kladné alebo záporné číslo (pre type="číslo" , type="rozsah").

Dátum vo formáte RRRR-MM-DD (napríklad: 2012-12-22) pre type="date" .

Predvolená hodnota

mindĺžka

Nastavuje minimálny počet znakov, ktoré môže používateľ zadať do textového poľa. Ak je počet znakov menší ako zadaná hodnota, prehliadač zobrazí chybové hlásenie a formulár neodošle.

Syntax

hodnoty

Akékoľvek kladné celé číslo.

Predvolená hodnota

viacnásobný

Atribút multiple vám umožňuje zadať viacero súborov súčasne v poli nahrávania súboru, ako aj viacero e-mailových adries. Ak používate dve alebo viac poštových adries, musia byť uvedené oddelené čiarkami.

Syntax

hodnoty

Predvolená hodnota

Atribút multiple je predvolene vypnutý.

názov

Určuje jedinečný názov prvku formulára. Tento názov sa zvyčajne používa pri odosielaní údajov na server alebo pri prístupe k zadaným údajom poľa prostredníctvom skriptov.

Syntax

hodnoty

Meno je súbor znakov vrátane číslic a písmen. JavaScript rozlišuje veľké a malé písmená, takže pri odkazovaní na prvok názvom použite rovnaký pravopis ako v atribúte name.

Predvolená hodnota

vzor

Určuje regulárny výraz, ktorý vyžaduje zadanie a overenie údajov v poli formulára. Ak je prítomný atribút vzor, ​​formulár sa neodošle, kým nebude pole správne vyplnené.

Podpora prehliadača

Môžem použiť vstupný vzor? Údaje o podpore funkcie vstupného vzoru v hlavných prehliadačoch z caniuse.com.

Syntax

hodnoty

Niektoré typické regulárne výrazy sú uvedené v tabuľke. jeden.

Tab. 1. Regulárne výrazy
Výraz Popis
d Jedna číslica od 0 do 9.
D[^0-9] Akýkoľvek znak okrem čísla.
s Priestor.
Iba veľké latinské písmeno.
V každom prípade iba latinské písmeno.
[A-Yaa-yaYo] V každom prípade iba ruský list.
Akékoľvek písmeno ruskej a latinskej abecedy.
{3} Tri čísla.
{6,} Najmenej šesť latinských písmen.
{,3} Nie viac ako tri číslice.
{5,10} Päť až desať číslic.
^+$ Akékoľvek slovo v latinčine.
^[A-Zaa-yaЁёs]+$ Akékoľvek slovo v ruštine vrátane medzier.
^[ 0-9]+$ Akékoľvek číslo.
{6} PSČ.
d+(,d(2))? Číslo vo formáte 1,34 (oddelené čiarkou).
d+(.d(2))? Číslo vo formáte 2.10 (oddeľovač bodiek).
d(1,3).d(1,3).d(1,3).d(1,3) IP adresa

zástupný symbol

Zobrazí text v poli formulára, ktorý zmizne po prijatí zamerania alebo pri zadávaní textu. Zvyčajne sa zobrazuje sivou farbou.

Podpora prehliadača

Môžem použiť vstupný zástupný symbol? Údaje o podpore funkcie input-placeholder vo všetkých hlavných prehliadačoch z caniuse.com.

Syntax

hodnoty

Textový reťazec. Ak sa v reťazci očakáva medzera, musí byť uzavretá v dvojitých alebo jednoduchých úvodzovkách.

Predvolená hodnota

iba na čítanie

Kedy element je pridaný atribút len ​​na čítanie, používateľ nemôže upravovať textové pole vrátane zadávania nového textu alebo úpravy existujúceho. Stav a obsah poľa je však možné zmeniť pomocou skriptov a údaje sa odošlú na server.

Syntax

hodnoty

Predvolená hodnota

Štandardne je tento atribút zakázaný.

požadovaný

Nastaví pole formulára, ktoré sa bude vyžadovať pred odoslaním formulára na server. Ak je povinné pole prázdne, prehliadač zobrazí chybové hlásenie a formulár sa neodošle. Typ a obsah správy závisí od prehliadača a používateľ ich nemôže zmeniť.

Syntax

hodnoty

Predvolená hodnota

V predvolenom nastavení je požadovaný atribút zakázaný.

veľkosť

Šírka textového poľa, ktorá je určená počtom znakov v jednopriestorovom písme. Inými slovami, šírka je daná počtom susediacich písmen rovnakej horizontálnej šírky. Ak sa veľkosť písma zmení pomocou štýlov, zodpovedajúcim spôsobom sa zmení aj šírka.

Syntax

hodnoty

Akékoľvek kladné celé číslo.

Predvolená hodnota

src

Adresa grafického súboru, ktorý sa zobrazí na webovej stránke v poli obrázka. Najpopulárnejšie súbory sú PNG a JPEG.

Syntax

hodnoty

Hodnota akceptuje úplnú alebo relatívnu cestu k súboru.

Predvolená hodnota

krok

Nastavuje prírastok čísla pre posuvníky a polia na zadávanie čísel.

Syntax

hodnoty

Akékoľvek celé číslo alebo zlomkové číslo.

Predvolená hodnota

typu

Povie prehliadaču, aký typ prvku formulára je.

Podpora prehliadača

email, tel, url:

Môžem použiť input-email-tel-url? Údaje o podpore funkcie input-email-tel-url v hlavných prehliadačoch z caniuse.com.

Môžem použiť vstupnú farbu? Údaje o podpore funkcie vstupnej farby v hlavných prehliadačoch zo stránky caniuse.com.

Môžem použiť vstupný rozsah? Údaje o podpore funkcie vstupného rozsahu v hlavných prehliadačoch zo stránky caniuse.com.

Môžem použiť vstupné číslo? Údaje o podpore funkcie vstupného čísla v hlavných prehliadačoch zo stránky caniuse.com.

Môžem použiť vyhľadávanie pomocou vstupu? Údaje o podpore funkcie vyhľadávania vstupov v hlavných prehliadačoch zo stránky caniuse.com.

dátum, čas, dátum a čas:

Môžem použiť input-datetime? Údaje o podpore funkcie input-datetime v hlavných prehliadačoch z caniuse.com.

Syntax

hodnoty

Hodnoty typu:

  • tlačidlo - tlačidlo.
  • checkbox – začiarkavacie políčka. Umožňuje vybrať viac ako jednu možnosť z možností.
  • súbor - Pole pre zadanie názvu súboru, ktorý sa odosiela na server.
  • skryté - skryté pole. V žiadnom prípade sa nezobrazuje na webovej stránke.
  • obrázok – pole s obrázkom. Keď kliknete na obrázok, údaje formulára sa odošlú na server.
  • heslo – Normálne textové pole, ale líši sa od neho tým, že všetky znaky sú zobrazené ako hviezdičky. Má zabezpečiť, aby nikto nenakukol do zadaného hesla.
  • rádio - Prepínače. Používa sa, keď si musíte vybrať jednu možnosť z viacerých možností.
  • reset - Tlačidlo na resetovanie údajov formulára na pôvodnú hodnotu.
  • odoslať – tlačidlo na odoslanie údajov formulára na server.
  • text – textové pole. Navrhnuté na zadávanie znakov pomocou klávesnice.

Nové hodnoty pridané do HTML5:

  • farba - Widget na výber farby.
  • dátum – pole pre výber kalendárneho dátumu.
  • datetime – určuje dátum a čas.
  • datetime-local – určuje miestny dátum a čas.
  • email – pre emailové adresy.
  • číslo – zadajte čísla.
  • rozsah - Posuvník na výber čísel v zadanom rozsahu.
  • hľadať – pole vyhľadávania.
  • tel - Pre telefónne čísla.
  • čas - Na čas.
  • url – pre webové adresy.
  • mesiac – vyberte mesiac.
  • týždeň - výber týždňa.

Predvolená hodnota

hodnotu

Určuje hodnotu prvku formulára, ktorý sa odošle na server alebo sa získa pomocou klientskych skriptov. Na server sa odošle pár názov=hodnota, pričom názov je daný atribútom name prvku a hodnota je atribút value.

V závislosti od typu prvku má atribút value nasledujúcu úlohu:

  • pre tlačidlá (input type="button | reset | submit") nastaví na nich textový štítok;
  • pre textové polia (input type="password | text") určuje predtým zadaný reťazec. Používateľ môže vymazať text a zadať svoje vlastné znaky, ale pri použití na tlačidle Reset vo formulári sa text používateľa vymaže a obnoví sa hodnota zadaná v atribúte value;
  • pre zaškrtávacie políčka a prepínače (input type="checkbox | radio") jedinečne identifikuje každú položku, takže program klienta alebo servera môže jednoznačne určiť, ktorú položku si používateľ vybral.
  • pre pole súboru (input type="file") nemá žiadny účinok.

Syntax

hodnoty

Akýkoľvek textový reťazec.

Predvolená hodnota

Hodnoty roly ARIA

  • -rola=tlačidlo
  • -role=zaškrtávacie políčko
  • -rola=textové pole
  • -rola=tlačidlo
  • -rola=otočný gombík
  • -rola=rádio
  • - rola=posuvník
  • -rola=tlačidlo
  • -rola=vyhľadávacie pole
  • -rola=tlačidlo
  • -rola=textové pole
  • -rola=textové pole
  • -rola=kombobox
  • -rola=textové pole

Tag je jedným z všestranných prvkov formulára a umožňuje vám vytvárať rôzne prvky rozhrania a poskytovať interakciu s používateľom. Hlavne je určený na vytváranie textových polí, rôznych tlačidiel, prepínačov a začiarkavacích políčok. Hoci živel nie je potrebné vkladať do nádoby , ktorý definuje formulár, ale ak údaje zadané používateľom musia byť odoslané na server, kde ich spracuje program CGI, potom musí byť špecifikovaný FORMULÁR. To isté platí pri spracovaní údajov pomocou klientskych aplikácií, ako sú skripty JavaScript.

Hlavný parameter značky , ktorý definuje typ prvku - typ. Umožňuje nastaviť tieto prvky formulára: textové pole (text), pole pre heslo (heslo), prepínač (rádio), checkbox (checkbox), skryté pole (skryté), tlačidlo (tlačidlo), tlačidlo na odoslanie formulára (odoslať ), tlačidlo na vymazanie formulára (reset), pole na odoslanie súboru (súboru) a tlačidlo s obrázkom (obrázok). Každý prvok má svoj vlastný zoznam parametrov, ktoré určujú jeho vzhľad a vlastnosti.

Syntax

možnosti

Popis parametrov tagu


Parameter ALIGN

Určuje, ako zarovnať pole obrázka s textom alebo inými prvkami formulára.

Syntax

Argumenty

  • dno- Zarovnajte spodný okraj obrázka s okolitým textom
  • vľavo- Zarovná obrázok k ľavému okraju okna
  • stredná- Zarovná stred obrazu k základnej čiare aktuálnej čiary.
  • správny- Zarovná obrázok k pravému okraju okna.
  • top- Horný okraj obrázka je zarovnaný s najvyšším prvkom aktuálneho riadku.

Predvolená hodnota je spodná. Argumenty podporujú aj prehliadače brucho, zdržať sa, základná línia a text hore, ktoré nie sú zahrnuté v špecifikácii HTML 4.01.

Možnosť ALT

Parameter alt nastavuje alternatívny text pre pole obrázka. Takýto text vám umožňuje získať textové informácie o obrázku, keď je v prehliadači zakázané načítanie obrázkov. Keďže obrázky sa načítajú potom, čo prehliadač o nich dostane informácie, náhradný text pre obrázok sa zobrazí skôr. A ako sa načítava, text bude nahradený obrázkom. Prehliadače tiež zobrazujú alternatívny text ako popis, ktorý sa zobrazí, keď umiestnite kurzor myši na obrázok.

Syntax

Hodnota môže byť akýkoľvek vhodný textový reťazec. Musí byť uzavretý v dvojitých alebo jednoduchých úvodzovkách.

Parameter BORDER

Prehliadače spracovávajú obrázky pridané prostredníctvom značky , podobne ako obrázky vytvorené pomocou značky . Vrátane okolo obrázka môžete pridať rám, ktorého farba zodpovedá farbe textu.

Syntax

Platná hodnota je akékoľvek kladné celé číslo v pixeloch. Predvolená hodnota je 0.

CHECKED parameter

Toto nastavenie určuje, či je prvok formulára, ako je začiarkavacie políčko alebo prepínač, vopred označený. V prípade použitia prepínačov je možné zaškrtnúť len jeden prvok skupiny, pre zaškrtávacie políčka je povolené zaškrtnúť aspoň všetky prvky.

Syntax


Parameter DISABLED

Blokuje prístup a úpravu poľa formulára. V tomto prípade je zobrazená sivou farbou a používateľ ju nemôže aktivovať. Okrem toho takéto pole nemožno zamerať stlačením klávesu Tab, myši alebo iným spôsobom. Tento stav poľa je však možné zmeniť pomocou skriptov.

Syntax

Parameter MAXLENGTH

Nastavuje maximálny počet znakov, ktoré môže používateľ zadať do textového poľa. Keď sa toto číslo dosiahne počas písania, ďalšie zadávanie nebude možné.

Syntax


Parameter NAME

Určuje jedinečný názov prvku formulára. Tento názov sa zvyčajne používa pri odosielaní údajov na server alebo pri prístupe k zadaným údajom poľa prostredníctvom skriptov.

Syntax

Meno je súbor znakov vrátane číslic a písmen. JavaScript rozlišuje veľké a malé písmená, takže pri odkazovaní na prvok názvom použite rovnaký pravopis ako parameter name.

Parameter LEN NA ČÍTANIE

Kedy označovať je pridaný parameter len na čítanie, používateľ nemôže zmeniť textové pole, vrátane zadania nového textu alebo úpravy existujúceho. Okrem toho takéto pole nemožno zamerať stlačením klávesu Tab, myši alebo iným spôsobom. Stav a obsah poľa je však možné meniť pomocou skriptov.

Syntax


Parameter SIZE

Šírka textového poľa, ktorá je určená počtom znakov v jednopriestorovom písme. Inými slovami, šírka je daná počtom susediacich písmen rovnakej horizontálnej šírky. Ak sa veľkosť písma zmení pomocou štýlov, zodpovedajúcim spôsobom sa zmení aj šírka.

Syntax

Platná hodnota je akékoľvek kladné celé číslo.

Parameter SRC

Adresa grafického súboru, ktorý sa zobrazí na webovej stránke v poli obrázka.

Syntax

Hodnota akceptuje úplnú alebo relatívnu cestu k súboru.

parameter TYPE

Požadovaný parameter typu informuje prehliadač o type prvku formulára.

Syntax

Argumenty

  • tlačidlo- Tlačidlo.
  • začiarkavacie políčko- Začiarkavacie políčka. Umožňuje vybrať viac ako jednu možnosť z možností.
  • súbor- Pole pre zadanie názvu súboru, ktorý sa odosiela na server.
  • skryté- Skryté pole. V žiadnom prípade sa nezobrazuje na webovej stránke.
  • obrázok- Pole s obrázkom. Keď kliknete na obrázok, údaje formulára sa odošlú na server.
  • heslo- Normálne textové pole, ale líši sa od neho tým, že všetky znaky sú zobrazené ako hviezdičky. Má zabezpečiť, aby nikto nenakukol do zadaného hesla.
  • rádio- Prepínače. Používa sa, keď si musíte vybrať jednu možnosť z viacerých možností.
  • resetovať- Tlačidlo na vrátenie údajov formulára na ich pôvodnú hodnotu.
  • Predložiť- Tlačidlo na odoslanie údajov formulára na server.
  • text- Textové pole. Navrhnuté na zadávanie znakov pomocou klávesnice.

Predvolená hodnota je text.

Parameter VALUE

Určuje hodnotu prvku formulára, ktorý sa odošle na server alebo sa získa pomocou klientskych skriptov. Na server sa odošle pár „meno=hodnota“, kde je názov špecifikovaný parametrom name tagu a hodnota je parameter value.

V závislosti od typu prvku má parameter value nasledujúcu úlohu:

  • pre tlačidlá (input type="button | reset | submit") nastaví na nich textový štítok;
  • pre textové polia (input type="password | text") určuje predtým zadaný reťazec. Používateľ môže vymazať text a zadať svoje vlastné znaky, ale pri použití na tlačidle Reset formulára sa text používateľa vymaže a obnoví sa hodnota zadaná v parametri value;
  • pre zaškrtávacie políčka a prepínače (input type="checkbox | radio") jedinečne identifikuje každú položku, takže program klienta alebo servera môže jednoznačne určiť, ktorú položku si používateľ vybral.

Prvok (z anglického "input" - "vstup") je hlavným prvkom formulára (HTML tag

) a definuje vlastné vstupné pole.

Vstupné pole nadobúda odlišný vzhľad v závislosti od hodnoty atribútu type aplikovaného na daný prvok. Môžu to byť rôzne tlačidlá, polia na zadávanie textu, polia s heslom alebo názvom súboru, prepínače, začiarkavacie políčka atď.

Od značky je vložený, nemusí byť priložený vo formulári (tag ), ale ak odosielate údaje na server, musíte to urobiť. Ale ak sa odvolávate na značku , napríklad pomocou skriptov ho stačí umiestniť do akéhokoľvek prvku, ktorý môže obsahovať inline tagy.

Poznámka: Tag nemôže obsahovať žiadny obsah, môže obsahovať iba atribúty.

Syntax

Záverečná značka

Nevyžaduje sa.

Atribúty

typ Hlavný atribút, určuje typ vstupného prvku. Ak atribút nie je zadaný, predvolená hodnota je "text" .
Možné hodnoty:
  • tlačidlo- definuje aktívne tlačidlo s označením.
  • začiarkavacie políčko– definuje ovládacie prvky zaškrtávacieho políčka.
  • farba– generuje farebnú paletu, ktorá používateľom umožňuje vybrať hodnoty farieb v hexadecimálnom formáte.
  • dátum– definuje pole pre zadanie kalendárneho dátumu (rok, mesiac, deň).
  • Dátum Čas- definuje pole pre zadanie dátumu a času.
  • dátum-čas-miestne– definuje ovládanie dátumu a času (rok, mesiac, deň, hodina, minúty, sekundy a zlomky sekundy (bez časového pásma)).
  • email– definuje pole pre e-mailovú adresu.
  • súbor– definuje ovládací prvok s tlačidlom „Prehľadávať“ na výber a nahrávanie súborov.
  • skryté- definuje skryté vstupné pole (nezobrazuje sa na webovej stránke).
  • obrázok- definuje obrázok ako tlačidlo na odoslanie údajov formulára na server. Spolu s touto hodnotou musíte použiť atribút src na definovanie adresy obrázka a atribút alt na definovanie alternatívneho textu. Môžete tiež nastaviť atribúty width a height na definovanie veľkosti obrázka v pixeloch.
  • mesiac- umožňuje vybrať jeden mesiac, po ktorom bude poskytovať zadávanie údajov v tvare roka a mesiaca (napríklad: 2017-07).
  • číslo– definuje pole pre zadávanie čísel.
  • heslo– definuje pole pre zadanie hesla (maskované znaky).
  • rádio- vytvára prepínače, ktoré sa navzájom vylučujú, ak vyberiete jeden prepínač, všetky ostatné sa stanú neaktívnymi. Atribút začiarknuté označuje, že variant je predvolene vybratý.
  • rozsah- vytvorí posuvník na zadávanie čísel v zadanom rozsahu. Ak nie sú zadané zodpovedajúce atribúty, predvolené hodnoty sú:
    • min = 1
    • max = 100
    • hodnota = min + (max - min) / 2, alebo min, ak max< min
    • krok = 1
  • resetovať- vytvorí tlačidlo na obnovenie údajov formulára do pôvodného stavu.
  • Vyhľadávanie– definuje textové pole na zadanie vyhľadávacieho reťazca.
  • Predložiť– definuje tlačidlo „Odoslať“ na odoslanie údajov formulára na server.
  • tel– definuje pole pre zadanie telefónneho čísla.
  • text– definuje jednoriadkové textové pole (predvolená šírka je 20 znakov).
  • čas– definuje pole pre zadanie času v 24-hodinovom formáte, napríklad 17:30.
  • url- definuje pole pre zadanie URL adresy.
  • týždeň- umožňuje vybrať jeden týždeň, po ktorom bude poskytovať zadávanie údajov vo formáte roka a týždňa (napríklad: 2017-W15).

Nie všetky prehliadače podporujú typy pridané v HTML5.
Ak prehliadač nepodporuje jeden z nových typov, bude predpokladať, že ide o typ text .

accept Nastavuje typy/formáty súborov, ktoré môžu byť pripojené k formuláru (odoslané na server). Atribút sa používa iba pre . alignDeprecated Určuje zarovnanie obrazového vstupu (len pre ). alt Alternatívny text pre tlačidlo obrázka. autocomplete HTML5 Povolí alebo zakáže automatické dopĺňanie. autofocus HTML5 Označuje, že prvok je by sa mal automaticky zamerať na načítanie stránky. borderDeprecated Hrúbka okraja okolo obrázka. začiarknuté Určuje, že prvok by mal byť vopred vybratý pri načítaní stránky (len pre type="checkbox"> a ). dirname HTML5 Parameter, ktorý posiela smer textu na server. vypnuté Blokuje prístup a úpravu prvku. form HTML5 Určuje formulár (prvok ), ktorému patrí kontrola. Hodnota musí byť identifikátor formulára () v tom istom dokumente. formation HTML5 Určuje adresu URL súboru, ktorý bude spracovávať (riadiť) vstup po odoslaní formulára (len pre type="image"> a ). formenctype HTML5 Určuje, ako sa majú kódovať údaje formulára pri odoslaní na server (len pre type="image"> a ). formmethod HTML5 Určuje metódu HTTP na odosielanie údajov (len pre type="image"> a ). formnovalidate HTML5 Prepíše zabudované overenie platnosti údajov (len pre type="submit">). formtarget HTML5 Určuje okno alebo rámec, do ktorého sa načíta výsledok vrátený obslužným programom formulára. Predvolená hodnota je _self – zobrazí odpoveď v aktuálnom okne. Atribút sa používa iba pre type="image"> a type="submit">. zoznam HTML5 Označuje zoznam možností, ktoré je možné vybrať pri zadávaní textu. Hodnota atribútu sa musí zhodovať s ID prvku . max HTML5 Horná hodnota na zadanie čísla alebo dátumu. maxlength HTML5 Určuje maximálny počet znakov povolených v prvku. Len pre ovládacie prvky nasledujúcich typov: text , vyhľadávanie , tel , adresa URL , e-mail a heslo (ostatné sú ignorované). min Nižšia hodnota pre zadanie čísla alebo dátumu. minlength HTML5 Minimálny povolený počet znakov v texte. Len pre ovládacie prvky nasledujúcich typov: text , vyhľadávanie , tel , adresa URL , e-mail a heslo . viacero HTML5 Určuje, že používateľ môže zadať viac ako jednu hodnotu do prvku (len pre type="file"> a type="email">). name Názov poľa, ktorý má formulárový procesor identifikovať. vzor HTML5 Nastavuje vstupný vzor, ​​podľa ktorého sa kontroluje hodnota zadaná v prvku. Syntax regulárneho výrazu zodpovedá jazyku JavaScript. Len pre ovládacie prvky nasledujúcich typov: text , vyhľadávanie , tel , adresa URL , e-mail a heslo (ostatné sú ignorované). zástupný symbol HTML5 Zobrazuje sugestívny text. Atribút možno použiť s dátovými poľami určitých typov (atribút type) s hodnotami e-mail , heslo , vyhľadávanie , tel , text a url ). readonly Určuje, že vstupné pole je len na čítanie. povinné HTML5 Povinné pole. size src Určuje adresu URL obrázka, ktorý sa používa ako tlačidlo odoslania (len pre ). step HTML5 Krok prírastku pre číselné polia. Len pre ovládacie prvky nasledujúcich typov: číslo , rozsah , tel , dátum , dátum , čas , dátum a čas-miestne , mesiac , čas a týždeň (ostatné sa ignorujú). Predvolená hodnota je 1. hodnota Hodnota prvku. šírka HTML5

Položka podporuje

Najčastejšie používaný tag vo formulároch je . Nemá uzatváraciu značku. Všetky informácie, ktoré prehliadač potrebuje spracovať, sú obsiahnuté priamo v tagu a nastavuje sa pomocou rôznych atribútov. Sémantika sa značne líši v závislosti od hodnoty jeho atribútu typu.

Atribúty značky
typ Hlavný atribút, ktorý určuje typ prvku. Ak atribút nie je zadaný, použije sa predvolená hodnota. text.
Možné hodnoty:

Nie všetky prehliadače podporujú typy pridané v HTML5.
Ak prehliadač nepodporuje jeden z nových typov, bude predpokladať, že ide o . Ako organizovať podporu pre staršie prehliadače je popísané pomocou dátumu ako príkladu.

Autocomplete="off" Zakáže automatické dopĺňanie pre toto pole. Veľmi užitočné pre vstupné polia pre jednorazové kódy, captchas atď. .setAttribute("autocomplete","off"); autofocus Automatické zaostrenie pri načítaní stránky. Hodnotu je možné nastaviť tromi spôsobmi: ... ... ... Príklad emulácie vlastnosti autofocus pre staršie prehliadače. vypnuté Zneprístupní prvok. Nedostupné položky sa neodošlú na server. name Názov poľa. Každé vstupné pole, ktoré vytvoríte, musí mať svoj vlastný jedinečný názov, inak skript neurčí, ku ktorým poliam výsledné hodnoty patria. Samozrejme, názov vstupného poľa sa musí zhodovať s názvom, ktorý je preň popísaný v programe spracovania. hodnota Predvolená hodnota poľa alebo označenia na tlačidle. veľkosť Veľkosť poľa typu. maxlength Limit počtu znakov, ktoré možno zadať do poľa typu . readonly="readonly" alebo "" Zabraňuje úprave prvku. povinné Automaticky skontroluje, či je pole vyplnené.
Ak chcete zvýrazniť správne vyplnené povinné pole, môžete použiť nasledujúcu konštrukciu štýlu: min Minimálna číselná hodnota v poli typu číslo. max Maximálna hodnota čísla v poli typu číslo. krok Krok zmeny čísla v poli typu číslo. vzor Vzor vstupného poľa. Kontrola správnosti zadávania údajov. Vzorové šablóny pre vstupný vzor formulára html5 . zástupný symbol Nápovedný text v poli formulára, ktorý automaticky zmizne, keď sa pole zameria.
Príklad nastavenia štýlu tipu:

V IE a Firefoxe (až do verzie 18) zástupný symbol sa považuje za pseudotriedu a vo zvyšku za pseudoprvok.

VÝSLEDOK:

Zoznam Zoznam možností, ktoré je možné vybrať pri písaní do textového poľa.
Tento zoznam je spočiatku skrytý a sprístupní sa, keď je pole aktívne alebo keď je napísaný text.

Typy prvkov INPUT

tlačidlo

Tlačidlo TLAČIDLO je určený pre tie prípady, kedy je potrebné vykonať akýkoľvek skript. To znamená, že na tlačidle je zavesená udalosť Po kliknutí a zavolá sa požadovaná funkcia. Atribút hodnotu nastaví titulok pre tlačidlo. Atribút po kliknutí určuje obslužný program JavaScriptu, ktorý sa volá po kliknutí na tlačidlo. Atribút názov slúži na JavaScript pomenovanie tlačidla (neodovzdáva sa na server).

Príklad

VÝSLEDOK:

tlačidlo ODOSLAŤ

Toto tlačidlo slúži na odoslanie formulára. Vo väčšine prehliadačov vyzerá takmer na nerozoznanie od tlačidla. Tá sa sama o sebe neprenáša, ale slúži len na kontrolu.

Atribút po kliknutí pre tlačidlo PREDLOŽIŤ sa prakticky nepoužíva, pretože je lepšie použiť obsluhu udalosti onsubmit, uvedené v značke . Koniec koncov, na prenos údajov zadaných do formulára vo všeobecnosti nie je potrebné kliknúť na tlačidlo PREDLOŽIŤ. Stačí stlačiť kláves na klávesnici ENTER v ktoromkoľvek poli na zadávanie textu. Tým sa prenesú údaje.

Príklad

VÝSLEDOK:

Atribút hodnotu poskytuje určité výhody pri použití viac ako jedného dátového tlačidla. V tomto prípade bude skript schopný na základe hodnoty prijatej premennej určiť, ako ďalej spracovať prijaté informácie.

Príklad

VÝSLEDOK:

Atribút formnovalidate možno použiť na zabránenie validácii hodnôt formulára.

Príklad


VÝSLEDOK:

Tlačidlo reštart

Toto je tlačidlo na vymazanie formulára. Po stlačení sa všetky upravené prvky vrátia na predvolenú hodnotu. Používa sa pomerne zriedkavo. V niektorých prípadoch to však môže byť veľmi užitočné.

Tip: Buďte opatrní pri výbere štítku tlačidla RESETOVAŤ. Docela vizuálne (a čo je najdôležitejšie, intuitívne aj pre čajovú kanvicu) bude niečo ako „Vymazať“, „Začať odznova“, „Odstrániť vstup“ atď. Vo všeobecnosti je potrebné, aby používateľ nemal ani tieň pochybností o účele tohto kľúča.

Príklad

VÝSLEDOK:

Vstupné pole TEXT

Pole na zadávanie textu sa vo formulároch používa najčastejšie. Navyše ho možno právom považovať za hlavný a najdôležitejší prvok formulárov. Tento typ používa značka v predvolenom nastavení je možné vynechať zobrazenie textového poľa. Ak však potrebujete selektor nastylovať vstup, potom atribút type="text" nemožno preskočiť.
Názov poľa daný atribútom názov, je vždy povinný, pretože na základe tohto parametra prehliadač odovzdá skriptu pár názov=hodnota.

Príklad

VÝSLEDOK:

Text Ivanov sa umiestni do vygenerovaného poľa ako počiatočná hodnota. Ak používateľ neurobí žiadne zmeny alebo klikne na tlačidlo, potom sa do skriptu odošle hodnota Ivanov ako priezvisko používateľa.

NUMBER vstupné pole

Pole je určené na zadávanie čísel. Zlomkovú časť pri zadávaní je možné oddeliť bodkou (2.5) aj čiarkou (2.5). Ak používateľ zadá písmená, formulár sa na server neodošle.

Príklad

VÝSLEDOK:

Môžete nastaviť minimálnu, maximálnu hodnotu poľa a krok zmeny čísla. Hodnota kroku môže byť kladná alebo záporná, ale musí byť väčšia ako 0. Ak číslo zadané do poľa nespĺňa stanovené limity, odoslanie na server sa neuskutoční.

Príklad

VÝSLEDOK:

Ak chcete nastaviť ľubovoľný krok, použite step="any".

Príklad

VÝSLEDOK:

Lúka číslo sa zobrazuje inak: niektoré prehliadače vždy zobrazujú šípky, niektoré ich zobrazujú iba pri umiestnení kurzora myši alebo pri zaostrení.

heslo

Skryté pole HIDDEN

Ide o špeciálny (skrytý) typ textového poľa. Ak rovnaký skript spracováva niekoľko rôznych formulárov, môžete zadať ID v skrytom poli každého formulára, aby ste zistili, s ktorým formulárom máte čo do činenia.

Príklad
...Viac tvarových prvkov....
...Viac tvarových prvkov...

Prehliadač nezobrazuje skryté pole, hoci ho možno nájsť nastavením prehliadača na zobrazenie HTML a analýzou textu webovej stránky. Skryté polia sú užitočné, keď chcete poskytnúť informácie, ktoré sa vyžadujú pre skript, ale nechcete, aby ich používateľ mohol zmeniť. Majte však na pamäti, že skúsený používateľ môže uložiť váš formulár do súboru, upraviť ho a potom odoslať upravený formulár na server. Nespoliehajte sa teda na skryté polia pri vytváraní akéhokoľvek druhu ochrany.

Príklad

Skript dostane premennú s názvom FormVersion, ktorému bude priradená hodnota 1.2. Tieto informácie možno použiť na určenie spôsobu spracovania iných informácií získaných z formulára. Ak používateľ zmení túto hodnotu, program skriptu sa môže správať neočakávane.

Pole na zadanie e-mailu

Ak chcete zadať viacero adries, môžete pridať atribút viacnásobný, s čiarkou (,) používanou na oddelenie adries

Príklad