itProger Відеокурси Изучение технологии Bootstrap (верстка сайта) #7 - Создание форм и полей

#7 - Создание форм и полей

Bootstrap предлагает готовые стили для создания форм и полей в HTML. За урок мы создадим несколько форм и познакомимся с готовыми стилями для создания красивых форм и всевозможных полей внутри них.

Відеоурок

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Вихідний код

Работа с формами

<div class="container">
    <form class="form-horizontal">
     <div class="form-group">
      <label class="col-sm-2 control-label">Ваша почта</label>
      <div class="col-sm-10">
       <p class="form-control-static">[email protected]</p>
      </div>
     </div>
     <div class="form-group has-success">
      <label for="pass" class="col-sm-2 control-label">Пароль</label>
      <div class="col-sm-10">
       <input type="password" class="form-control input-xs" id="pass" placeholder="Введите пароль">
      </div>
     </div>
    </form>
</div>

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися