Контактная форма на сайт

Текущая заметка содержит пример верстки контактной формы для сайта средствами CSS фреймворка под названием Twitter Bootstrap. Стоит отметить, что дополнительных стилей здесь прописывать не понадобится.

Контактная форма для сайта с Twitter Bootstrap

Исходная разметка на HTML:

<div class="span6">
  <form>
    <div class="controls controls-row">
      <input id="name" name="name" type="text" 
      class="span3" placeholder="Ваше имя">
      <input id="email" name="email" type="email" 
      class="span3" placeholder="Ваша эл. почта">
    </div>
    <div class="controls">
      <textarea id="message" name="message" 
      class="span6" placeholder="Ваше сообщение" rows="5">
      </textarea>
    </div>
    <div class="controls">
      <button id="contact-submit" type="submit" 
      class="btn btn-primary input-medium pull-right">
      Отправить</button>
    </div>
  </form>
</div><!-- /.span6 -->
Скачать контакную форму на сайт
Опубликовано 18-06-2013 в 13:54


Комментариев к записи: 2

  1. Андрей:

    И где в коде формы нужно вставить свой емэйл, чтобы получить письмо!!??

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты