POUZE NYNÍ: Získej až 80 % extra kreditů ZDARMA na náš interaktivní e-learning. Zjistit více.
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. 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
Nejnovější komentáře jsou na konci poslední 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.

Nejnovější komentáře jsou na konci poslední stránky.
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.