NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 9 - Bootstrap - Formuláře

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Stanislav Šincl
Člen
Avatar
Stanislav Šincl:27.11.2017 17:06

Super článek pro začátečníky, jednoduchý, snadno pochopitelný. Těším se hlavně na pokročilé články :-)

 
Odpovědět
27.11.2017 17:06
Avatar
MoTo Shot
Člen
Avatar
MoTo Shot:3.4.2020 16:32

Super to tu je prehladne vysvetlovane, ale na strankach getbootstrap.com neodporucaju davat inputy checkboxu do label tagu ale dat ich na rovnaku uroven s odkazom na id. A mala chybicka v casti Mřížka, col-2 nije dvakrat sirsie ako col, len je to 2/12 sirky a druhy stlpec definovany len ako stlpec.

 
Odpovědět
3.4.2020 16:32
Avatar
KaMl
Člen
Avatar
KaMl:26.8.2021 10:33

Paráda, takže znalost gridu (v) uplatním i při tvorbě esteticky strukturovaného, responzivního formuláře.
Jen by mě zajímalo jaký je rozdíl mezi <fieldset> VS <div class="form-group"> ?
Fieldset asi bude sémantický pro vyhledávače = není výhodnější používat spíš jeho? :-?

 
Odpovědět
26.8.2021 10:33
Avatar
Jakub Hudrlík
Člen
Avatar
Jakub Hudrlík:16.12.2022 12:09

Ahoj, super seriál!
Akorát mám dotaz:
Nesedí mi, že by v kódu jméno zabíralo 2x tolik prostoru, co příjmení.
Nezabírá spíš col-2 2/12 prostoru a col zbytek?
Díky za odpověď :)

 
Odpovědět
16.12.2022 12:09
Avatar
dvorakj3
Člen
Avatar
dvorakj3:19.5.2023 18:00

Bootstrap 5 už tu je přes 2 roky. Velké změny, u formulářů se změnilo opravdu hodně. Už by to asi chtělo update. Učit se "zastaralé", když se můžu učit "nové" mě nebaví...

 
Odpovědět
19.5.2023 18:00
Avatar
Lukáš Raška
Člen
Avatar
Lukáš Raška:23.9.2023 13:39

Chybí mi zobrazení kódu u některých ukázek - třeba takový inline formulář. Rovněž by bylo dobré obsah aktualizovat s ohledem na poslední verzi Bootstrap. Ale to už tu psalo spousta lidí.. Škoda, jinak jsou to dobré lekce.

 
Odpovědět
23.9.2023 13:39
Avatar
Karel Zaoral
Člen
Avatar
Karel Zaoral:2.2.2024 14:05

Děkujeme za vaše podněty. Lekci jsme aktualizovali :-)

 
Odpovědět
2.2.2024 14:05
Avatar
Kryštof Hausman
Člen
Avatar
Kryštof Hausman:8.3.2024 20:07

ve cvičení ke konci po vložení tohoto kódu:

 <form>
    <div class="row">
        <div class="col-2">
            <label for="registrace-jmeno">Jméno</label>
            <input type="text" class="form-control" placeholder="Jméno" id="registrace-jmeno">
        </div>
        <div class="col">
            <label for="registrace-prijmeni">Příjmení</label>
            <input type="text" class="form-control" placeholder="Příjmení" id="registrace-prijmeni">
        </div>
    </div>
</form>

se ukaze jmeno a prijmeni pod sebou a ne vedle sebe, je nutno dat do jednoho divu takto:

<form>
     <div class="row">
         <div class="col">
             <label for="registrace-jmeno">Jméno</label>
             <input type="text" class="form-control" placeholder="Jméno" id="registrace-jmeno">
             <label for="registrace-prijmeni">Příjmení</label>
             <input type="text" class="form-control" placeholder="Příjmení" id="registrace-prijmeni">
         </div>
     </div>
 </form>

prosim o opravu

 
Odpovědět
8.3.2024 20:07
Avatar
Luboš Rendl
Člen
Avatar
Luboš Rendl:19.8.2024 14:19

toto je spíš poznámka ke kurzům rekvalifikace . Jelikož v osnově není HTML5 hodilo by se sem dát aspoň odkaz na formuláře, protože jediný formulář, co se používal byl pomocí odkazu z IT-network. Během 8 hodin co na bootstrap je vymezeno se stihnout i doučit danou látku co se zde probírá víceméně prvně. Na JavaScript bylo třeba 14h a to bylo taky dost málo

 
Odpovědět
19.8.2024 14:19
Avatar
zemlickap
Člen
Avatar
zemlickap:9.12.2024 11:57

u příkladu s raidobuttony:
<input class="form-check-input" type="radio" name="platebni-metoda" .....
je u obou radiobuttonů nastaveno "checked"

To nedává smysl, když radiobutton může být reálně ve stavu checked pouze jeden.

 
Odpovědět
9.12.2024 11:57
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 10 zpráv z 11.