Форма авторизации и регистрации / Формы / Сниппеты Bootstrap

Каталог: Сниппеты Bootstrap

Категория: Формы

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Уникальный ID: 2400

Количество символов:

Посмотрели: 36778 раз

Помощь: установка & настройка

Подбери: Домен для сайта

Прокомментировали: 0 раз

Рейтинг: 3.3 / 5 - 140 голосов

Тип лицензии: CC BY 4.0

Авторство: https://goo.gl/BdmUqo

Информация: Пользователям

Информация: Правообладателям

Теги: snippet, Формы, Form, Сниппет, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-10-23 в 15:41

Метка: 1508762483

⇄ ⇅

<div class="tab" role="tabpanel">
 
 <ul class="nav nav-tabs" role="tablist">
 <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">sign in</a></li>
 <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">sign up</a></li>
 </ul>
 
 <div class="tab-content tabs">
 <div role="tabpanel" class="tab-pane fade in active" id="Section1">
 <form class="form-horizontal">
 <div class="form-group">
 <label for="exampleInputEmail1">username</label>
 <input type="email" class="form-control" id="exampleInputEmail1">
 </div>
 <div class="form-group">
 <label for="exampleInputPassword1">Password</label>
 <input type="password" class="form-control" id="exampleInputPassword1">
 </div>
 <div class="form-group">
 <div class="main-checkbox">
 <input value="None" id="checkbox1" name="check" type="checkbox">
 <label for="checkbox1"></label>
 </div>
 <span class="text">Keep me Signed in</span>
 </div>
 <div class="form-group">
 <button type="submit" class="btn btn-default">Sign in</button>
 </div>
 <div class="form-group forgot-pass">
 <button type="submit" class="btn btn-default">forgot password</button>
 </div>
 </form>
 </div>
 <div role="tabpanel" class="tab-pane fade" id="Section2">
 <form class="form-horizontal">
 <div class="form-group">
 <label for="exampleInputEmail1">First Name</label>
 <input type="text" class="form-control" id="exampleInputEmail1">
 </div>
 <div class="form-group">
 <label for="exampleInputEmail1">Last Name</label>
 <input type="text" class="form-control" id="exampleInputEmail1">
 </div>
 <div class="form-group">
 <label for="exampleInputEmail1">Email address</label>
 <input type="email" class="form-control" id="exampleInputEmail1">
 </div>
 <div class="form-group">
 <label for="exampleInputPassword1">Password</label>
 <input type="password" class="form-control" id="exampleInputPassword1">
 </div>
 <div class="form-group">
 <button type="submit" class="btn btn-default">Sign up</button>
 </div>
 </form>
 </div>
 </div>
 </div>

</div>
</div>
</div>

BootstrapTema

Форма авторизации и регистрации

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0