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">test@test.net</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 месяца

Bootstrap

HTML5