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

Текущая заметка содержит пример верстки контактной формы для сайта средствами 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>

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

PORNOSEKSXXX

  • Администратор: к записи Сделайте, как пишет MODX - проверьте параметры с с »
  • Николай: к записи Во время установки во время выполнения п.4 вылета »
  • PHPt: к записи А это разве не то? »
  • Naklz: к записи При вставке второго всплывающего окна на странице, »
  • Администратор: к записи Николай, посмотрите файл '.htaccess' в корне сайта »
  • Николай: к записи Простите если немного не по теме. Я сделал экспорт »
  • Эрик: к записи Спасибо, помогло) 20 минут мучался) »

Статистика спама

Akismet заблокировал 34 604 спамеров

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

Твиты пользователя @red_book_cms