Лабораторная работа 2 (проектный практикум),
разработка дизайнера веб-форм

Заданиe

Разработать простейший дизайнер веб-форм, позволяющий создавать и модифицировать поля ввода данных внутри элемента form. Дизайнер состоит

  1. из набора кнопок с надписями "text", "checkbox", "radio" "reset", "submit", позволяющих интерактивно добавить соответствующий элемент в форму с указанием его имени, содержимого и дополнительных атрибутов; для полей input, checkbox, radio предусмотреть возможность ввода текстовой метки.
  2. кнопок "clear" и "show", первая из которых очищает рабочее поле формы, вторая - открывает новое окно, в котором визуализирует подготовленную форму.
  3. полей для описания целевого адреса формы и метода передачи данных
  4. рабочего поля формы в виде таблицы, где каждый добавленный элемент занимает одну строку

    *Дополнительно предлагается добавить к таблице столбец "Управление", содержащий в каждой ячейке кнопки "вверх", "вниз" и "удалить", позволяющие перемещать и удалять соответствующий элемент (дополнительное задание зачитывается бонусом только первому сдающему)

Пример:

Дизайнер форм


Набор элементов:
Действия:
Целевой адрес: 
Метод:
Рабочее поле формы
ТипМеткаИмяЗначениеДоп.атрибутУправление
text
text
text
submit