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

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

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

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

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

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