Курс по выбору (DOM)
(лабораторная работа 4, дизайнер форм)

Заданиe

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

  1. из набора кнопок с надписями "input", "button", "checkbox", "radio" "textarea", "reset", "submit", позволяющих интерактивно добавить соответствующий элемент в форму с указанием его имени и содержимого; для полей input, checkbox, radio, textarea предусмотреть возможность ввода текстовой метки.
  2. кнопок "clear" и "show", первая из которых очищает рабочее поле формы, вторая - открывает новое окно, в котором визуализирует подготовленную форму.
  3. полей для описания целевого адреса формы и метода передачи данных
  4. рабочего поля формы в виде таблицы, где каждый добавленный элемент занимает одну строку и содержит дополнительно кнопки "вверх", "вниз" и "удалить", позволяющие перемещать и удалять элемент
Пример:
Палитра компонентов ;)
Действия
Целевой адрес:
Метод:
Рабочее поле формы
ТипМеткаИмяЗначениеУправление
input
input
input
submit