Black friday Black friday
Aprílový black friday tě nenechá v klidu! Až 80 % prémiového obsahu zdarma. Více informací
Pouze tento týden slevy až 80 % na programování v Javě

input - Český HTML 5 manuál

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

Unicorn College ONEbit hosting 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.7.2018 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.7.2018 13:09
Avatar
Radek Veverka
Redaktor
Avatar
Radek Veverka:5.7.2018 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.7.2018 15:03
Avatar
Matěj Strnad:6.7.2018 7:52

Jaký je rozdíl mezi search a text?

Odpovědět 6.7.2018 7:52
Škoda že Google nikdo nenaučil slovo "soukromí"...
Avatar
Ota Vlna
Člen
Avatar
Odpovídá na Matěj Strnad
Ota Vlna:6.7.2018 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.7.2018 9:31
Avatar
David Novák
Člen
Avatar
David Novák:20.7.2018 9:44

Prosím o radu k input type="date" - jak zobrazit dnešní datum místo defaultního dd.mm.rrrr ,aby při kliknutí na políčko se zobrazeným dnešním datumem zůstala zachována volba výběru data z kalendáře
Mám to takto:
<input type="date" placeholder="@Da­teTime.Today" value="@Model­.VersionDateFrom" class="form-control"/>

V Firefox v prohlížeči a v konzoli prohlížeče: viz příloha Firefox.jpg
Tj. V konzoli v placeholder je 20. 7 .2018 0:00:00 ale na stránce je místo vyplněného datumu dd.mm.yyyy.
Předem děkuji moc, David

 
Odpovědět 20.7.2018 9:44
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 5 zpráv z 5.