Formularze w html

Question

Siema mam pytanie po co robi sie diva form-group?? w formularzach?

Answer 1

Kiedy w formularzu masz kilka elementów typu input, z których każdy zawiera swój label i inne divy, form-group służy jako kontener dla każdego z tych grup INPUT+LABEL

<form>
            <div class="form-group">
                <label for="inputfield1" class="col-sm-2 control-label">Input 1</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputfield1" placeholder="Input 1">
                </div>
            </div>
            <div class="form-group">
                <label for="inputfield2" class="col-sm-2 control-label">Input 2</label>
                <div class="col-sm-10 controls">
                        <input type="text" class="form-control" id="inputfield2" placeholder="Input 2">
                        
                </div>
            </div>
            <div class="form-group">
                <label for="inputfield3" class="col-sm-2 control-label">Input 3</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="inputfield3" placeholder="Input 3">
                </div>
            </div>
        </form>

Tutaj masz trzy grupy, po jednej dla każdego inputu

 

Comments

A co jesli dam sobie 3lable i 3 inputy w form-group? tak sie nie robi tak?

---

Jeszcze raz chcę zaznaczyć, że mówimy tutaj wyłącznie o konwencji frameworka Bootstrap. Dlatego najlepiej zobaczyć przykłady w dokumentacji.

Ten problem nie ma nic wspólnego z HTML-em jako takim.

Answer 2

Bo taka jest konwencja frameworka Bootstrap…