Bootstrap Credit Card Form Validation / Формы / Сниппеты Bootstrap

Версия: v1.0.1

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

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

Bootstrap: 3

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

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

Вес файла: 16.3 Kb

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

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

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

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

Прикреплён файл №2: /stuff/0-0-0-2287-20

Скачали бесплатно: 224 раз

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

Рейтинг: 3.2 / 5 - 97 голосов

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

Авторство: Посмотреть

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

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

Теги: Snippet, credit card, формы, Form, Validation, сниппет, Bootstrap

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

Добавлено: 2017-07-24 в 20:50

Метка: 1566151881

⇄ ⇅

<div class="creditCardForm">
 <div class="heading">
 <h1>Bootstrap Credit Card Form Validation</h1>
 </div>
 <div class="payment">
 <form>
 <div class="form-group owner">
 <label for="owner">Owner</label>
 <input type="text" class="form-control" id="owner">
 </div>
 <div class="form-group CVV">
 <label for="cvv">CVV</label>
 <input type="text" class="form-control" id="cvv">
 </div>
 <div class="form-group" id="card-number-field">
 <label for="cardNumber">Card Number</label>
 <input type="text" class="form-control" id="cardNumber">
 </div>
 <div class="form-group" id="expiration-date">
 <label>Expiration Date</label>
 <select>
 <option value="01">January</option>
 <option value="02">February </option>
 <option value="03">March</option>
 <option value="04">April</option>
 <option value="05">May</option>
 <option value="06">June</option>
 <option value="07">July</option>
 <option value="08">August</option>
 <option value="09">September</option>
 <option value="10">October</option>
 <option value="11">November</option>
 <option value="12">December</option>
 </select>
 <select>
 <option value="16"> 2016</option>
 <option value="17"> 2017</option>
 <option value="18"> 2018</option>
 <option value="19"> 2019</option>
 <option value="20"> 2020</option>
 <option value="21"> 2021</option>
 </select>
 </div>
 <div class="form-group" id="credit_cards">
 <img src="https://bootstraptema.ru/snippets/form/2017/visa.jpg" id="visa">
 <img src="https://bootstraptema.ru/snippets/form/2017/mastercard.jpg" id="mastercard">
 <img src="https://bootstraptema.ru/snippets/form/2017/amex.jpg" id="amex">
 </div>
 <div class="form-group" id="pay-now">
 <button type="submit" class="btn btn-default" id="confirm-purchase">Confirm</button>
 </div>
 </form>
 </div>
 </div>

</div>
</div>

BootstrapTema

Bootstrap Credit Card Form Validation

Скриншот

Подробнее

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

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

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