Small thoughts on the third day

Form

​ The main function of the form is a web control used to communicate with users. A good form design can allow web pages to communicate with users better. Common elements in the form mainly include: text input box, drop-down selection box, radio button, check button, text field and button, etc.

Form control

​ .form-control .input-lg (larger) .input-sm (smaller)

Input box text

​ .form-control

<div class="col-sm-3">
    <input type="text" name="" id="" class="form-control" />
    <input type="text" name="" id="" class="form-control input-lg" />
    <input type="text" name="" id="" class="form-control input-sm" />
</div>

Drop-down selection box select

​ Multi-line selection settings: multiple="multiple"

<div class="col-sm-3">
    <select class="form-control">
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
    </select>
    <select class="form-control" multiple="multiple">
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
    </select>
</div>

Textarea

<div class="col-sm-3">
    <textarea class="form-control" rows="3">