Форматирование текста
Карта ссылок
CSS
JavaScript. Обработка событий
Объекты JavaScript: array. Создание японских кроссвордов
Программирование форм
Объекты JavaScript: Data
|
Заказать задание: «Программирование форм»
Задание для элемента основного меню «Форма»:
1. Разработать форму для ввода данных согласно заданной предметной области. Поля формы должны быть сгруппированы. Форма должна содержать следующие элементы:
- текстовые поля,
- флажки,
- переключатели,
- списки,
- различные виды кнопок
- текст-заместитель
- отключить автозавершение для отдельных полей
- атрибут list и связанный с ним элемент datalist
- поле для ввода e-mail
- поле ввода числа number c указанием диапазона и шага приращения
- поле ввода url
- поле ввода телефона
- поле поиска
- поле ввода данных по шаблону
- поле ввода даты
- ползунок с отображением выбранного значения
2. При открытии формы предусмотреть установку фокуса на первое поле.
3. Форма должна содержать обязательные и необязательные поля. Обязательные поля должны быть выделены с использованием свойств CSS.
4. При вводе элементов формы предусмотреть проверку заполнения обязательных полей.
5. Введенные данные должны отображаться на данной странице в виде динамически создаваемой таблицы по нажатии кнопки «Отправить».
Для отображения таблицы с формой использовать метод
document.myForm.insertAdjacentHTML("afterEnd", вставляемая строка содержащая таблицу);
6. Предусмотреть возможность удаления данных из результирующей таблицы.
|
