MathType

Формуляр на Bootstrap 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Демонстрация на Bootstrap</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

        <!-- Minified jQuery -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
    </head>
    <body>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <!-- Тук ще поставим нашия формуляр -->
                    <form>
                      <div class="form-group">
                        <label for="ime">Име</label>
                        <input type="text" class="form-control" id="ime" name="ime"
                               placeholder="Въведете име..." >
                      </div>
                      <div class="form-group">
                        <label for="prezime">Презиме</label>
                        <input type="text" class="form-control" id="prezime" name="prezime"
                               placeholder="Въведете презиме...">
                      </div>
                      <div class="form-group">
                        <label for="familia">Фамилия</label>
                        <input type="text" class="form-control" id="familia" name="familia"
                               placeholder="Въведете фамилия...">
                      </div>
                      <div class="checkbox">
                        <label>
                          <input type="checkbox" name="bylgarski_grajdanin" value="1"> Аз съм български гражданин
                        </label>
                      </div>
                      <div class="form-group">
                        <label for="text">ЕГН</label>
                        <input type="text" class="form-control" id="egn" name="egn"
                               placeholder="Въведете ЕГН...">
                      </div>
                      <div class="form-group">
                        <label for="pasport_snimka">Копие на лична карта</label>
                        <input type="file" id="pasport_snimka" name="pasport_snimka">
                        <p class="help-block">Моля, качете сканирано копие на личната си карта.</p>
                      </div>

                      <div class="radio">
                        <label>
                          <input type="radio" name="noshtuvka" value="1" selected> Нощувка</label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" name="noshtuvka" value="2"> Нощувка + закуска</label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" name="noshtuvka" value="3"> Пълен пансион </label>
                      </div>

                      <select class="form-control" name="vid_staja">
                        <option value="1">Единична стая</option>
                        <option value="2">Двойна стая</option>
                        <option value="3">Тройна стая</option>
                        <option value="4">Апартамент (4 легла)</option>
                      </select>



                        <button type="submit" class="btn btn-warning" 
                                formaction="index.php" formmethod="get">Запази</button>
                    </form>  
                </div>
            </div>
        </div>


    </body>
</html>

Няма коментари:

Публикуване на коментар

Абонамент за: Публикации (Atom)