Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

Diskusia – 9. diel - Bootstrap - Formuláre

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
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 :-)

 
Odpovedať
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.

 
Odpovedať
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? :-?

 
Odpovedať
26.8.2021 10:33
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ěď :)

 
Odpovedať
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í...

 
Odpovedať
19.5.2023 18:00
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.

 
Odpovedať
23.9.2023 13:39
Avatar
Karel Zaoral
Člen IT Redactor Gang
Avatar
Karel Zaoral:2. februára 14:05

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

 
Odpovedať
2. februára 14:05
Avatar
Kryštof Hausman:8. marca 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

 
Odpovedať
8. marca 20:07
Avatar
Luboš Rendl
Člen
Avatar
Luboš Rendl:19. augusta 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

 
Odpovedať
19. augusta 14:19
Avatar
zemlickap
Člen
Avatar
zemlickap:9. decembra 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.

 
Odpovedať
9. decembra 11:57
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ý!