Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

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
Posledné komentáre sú na spodnej časti poslednej stránky.
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 :-)

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.

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

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ěď :)

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

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.

Avatar
Karel Zaoral
Člen
Avatar
Karel Zaoral:2.2.2024 14:05

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

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

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

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.

Posledné komentáre sú na spodnej časti poslednej stránky.
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.

Zobrazené 10 správy z 11.