Что такое Ideal Forms:

  • это маленький фреймворк для создания мощных и красивых онлайн-форм;
  • это простота в использовании и требует минимального синтаксиса html;
  • абсолютно всё описывается в css без использования изображений;
  • работает в IE 7+, Firefox 3+, Chrome 3+, Safari 3.1+ and Opera 11+
  • работает при отключенном JavaScript

Пример

Как его использовать

Добавляем файлы в проект

  • копировать папку css/idealForms

Подключаем css

  • все файлы обязательны
  • css reset от html5doctor



Подключаем jQuery и плагин Ideal Forms



Создаем форму, используя следующий синтаксис


 

 

 

Добавляем элементы

Text inputs




Select Menu

  • текст заголовка устанавливается через атрибут title
  • если отсутствует атрибут value, то значение будет взято из названия элемента option

Radio and Checkbox

  • должны быть обрамлены тегом p
  • input должен быть внутри label
  • нужно всегда устанавливать атрибут name
  • использовать в конце br





Button

  • если кнопка используется без label, то нужно вставить хотя бы пустой label


  • описание​​​​​​​​​​​ вставляется до или после основного элемента
$('form').idealForms();