Letní akce! Lákají tě IT školení C#, Javy a PHP v Brně? Přihlas se a napiš nám do zpráv kód "BRNO 500" pro slevu 500 Kč na libovolný brněnský kurz. Lze kombinovat se slevami uvedenými u školení i použít pro více kurzů. Akce končí 28.7.

input - Český HTML 5 manuál

HTML a CSS Manuál Formuláře input - Český HTML 5 manuál

ONEbit hosting Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Element <input> se používá ve formulářích, kde umožňuje uživateli vkládat data. Může mít mnoho podob, které se liší různým nastavením atributů.

Typ definujeme pomocí atributu type. Jednotlivé inputy se velmi odlišují a proto jsou popsány vždy v samostatném článku:

Název Popis
button Tlačítko
checkbox Zaškrtávací pole (checkbox)
color Výběr barvy (color picker)
date Výběr data (date picker)
datetime Výběr času (time picker)
datetime-local Výběr data a času (datetime picker)
email Zadání emailové adresy
file Nahrání souboru (upload)
hidden Skryté pole
image Odesílací tlačítko s obrázkem
month Výběr měsíce a roku
number Zadání čísla
password Zadání hesla
radio Přepínací tlačítko (radiobutton)
range Zadání čísla posuvníkem
reset Vyprázdní formulář
search Vyhledávací pole
submit Odesílací tlačítko
tel Zadání telefoního čísla
text Zadání krátkého textu
time Zadání času
url Zadání URL adresy
week Zadání týdnu a roku

 

 

Manuál pro vás napsal David Čápka
Avatar
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 sítě se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity (1)

 

 

Komentáře

Avatar
Nikka Norika
Člen
Avatar
Nikka Norika:5. července 13:09

Ahoj, byla bych moc ráda za radu, jak na zarovnání políček ve formuláři. Mám tam kombinaci type jako checkbox, radio, ty jsou v pohodě, ale políčka s textem, mailem a datem mám nepěkně rozhozené. Omlouvám se, pokud je někde návod, ale nikde jsem nic nenašla. Díky moc:)

 
Odpovědět 5. července 13:09
Avatar
Radek Veverka
Redaktor
Avatar
Radek Veverka:5. července 15:03

Možností je více, můžeš třeba vložit popisky a políčka do tabulky nebo nastavit popiskům stejnou šířku.

 
Odpovědět 5. července 15:03
Avatar
Matěj Strnad:6. července 7:52

Jaký je rozdíl mezi search a text?

Odpovědět 6. července 7:52
Ty vaše internety!
Avatar
Ota Vlna
Redaktor
Avatar
Odpovídá na Matěj Strnad
Ota Vlna:6. července 9:31
  • Input type search je určen pro vyhledávací dotazy
  • Můžou být rozdílně stylovány
  • Některé prohlížeče zobrazují u type search křížek pro smazání dotazu
  • Prohlížeče automaticky ukládají vyhledávací dotazy a poté zobrazují autocomplete možnosti

Jinak jsou vlastně naprosto stejné
Zdroj: MDN

 
Odpovědět 6. července 9:31
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.