Office week Slevový týden - Květen
Pouze tento týden sleva až 80 % na e-learning týkající se MS Office
30 % bodů zdarma na online výuku díky naší Slevové akci!

input typu hidden - Slovenský HTML 5 manuál

Element sa používa vo formulároch, kde umožňuje užívateľovi vkladať dáta. Môže mať mnoho podôb, ktoré sa líšia rôznym nastavením atribútu type.

Tento výukový obsah pomáhajú rozvíjať nasledujúce firmy, ktoré možno hľadajú práve teba!

typu hidden označuje skryté pole. Používa sa v špecifických prípadoch, keď chceme s dátami užívateľa odoslať aj nejakú ďalšiu informáciu, o ktoré užívateľ nemusí vedieť. Môže sa jednať aj o hodnotu zadanú JavaScriptom.

Nasledujúce atribúty sú spoločné pre všetky typy inputov:

  • autocomplete - Vstupuje hodnôt on a off, pričom on je predvolený. Ak je autocomplete zapnutý, ponúka prehliadač užívateľovi pri vyplňovaní údajov našepkávač, ktorý zobrazuje skôr zapísané hodnoty.
  • disabled - Atribút je boolean. Ak je uvedený, nemožno meniť hodnotu elementu a ten je často zobrazený ako zašednutý.
  • list - Obsahuje id elementu datalist, položky listu potom slúžia ako preddefinované možnosti elementu.
  • readonly - Atribút je boolean. Ak je uvedený, nemožno hodnoty v danom poli editovať.
  • name - Definuje meno elementu. Meno musí byť unikátne vzhľadom k formuláru a je po odoslaní použité ako kľúč v dvojicu kľúč-hodnota, ktorá sa na server odošle.
  • value - Prednastavená hodnota poľa.
  • autofocus - Atribút je boolean. Ak je uvedený, element sa zaktivní po načítaní stránky.
  • form - Element môže byť definovaný mimo formulár a následne byť k tomuto formuláru pripojený uvedením atribútu form s hodnotou id formulára. Element môže patriť viac formulárom.
  • pattern - Obsahuje regulárny výraz, podľa ktorého sa má hodnota v poli validovať.
  • placeholder - Definuje text, ktorý sa zobrazí v prípade, že je pole prázdne. Zvyčajne je vykreslený zašednuté a slúži ako pomocník.
  • required - Atribút je boolean. Ak je uvedený, znamená to, že pole musí byť pre odoslanie formulára vyplnené.

Ukážka inputu typu hidden:

<input type="hidden" value="hodnota" />

 

 

Článok pre vás napísal David Čápka
Avatar
Ako sa ti páči článok?
Ešte nikto nehodnotil, buď prvý!
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor sa informačné technológie naučil na Unicorn College - prestížnej súkromnej vysokej škole IT a ekonómie.
Všetky články v sekcii
Formuláre - Český HTML 5 manuál
Aktivity (1)

 

 

Komentáre

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!