Лабораторная работа №5 Формы и простейшие Java-скрипты
вHTML-документах
1.Создайте HTML-документ, сообщающий прогноз погоды. В редакторе Блокнот создайте основу для HTML-документа. Назовите документ form1.htm. В документ включите форму FORM1. Форма должна содержать кнопку. Нажатие на кнопку вызывает появление окна с сообщением о погоде «Сегодня ожидается теплая погода. Температура воздуха – 15 градусов». В документ включите функцию, написанную на языке JavaScript, открывающую окно с сообщением (см. Пример 1 или Пример 2 Приложения и описание функции alert).
2.На основе документа form1.htm создайте новый документ form2.htm, в который включите форму со следующими элементами: окно ввода с поясняющим текстом и кнопка для вывода прогноза погоды через окно сообщения. Окно ввода служит для ввода температуры воздуха, окно сообщения должно выводить это значение (см. Пример 3 Приложения и описание функции alert). Если окно ввода пустое, нажатие на кнопку должно вызывать сообщение «Нет данных!».
3.Создайте новый документ form3.htm, представляющий собой анкету. Анкета должна представлять собой форму и содержать средство для ввода фамилии, два вопроса, ответы на которые выбираются с помощью радиокнопок (не менее трёх в каждой группе), и кнопки, «обрабатывающей» анкету. Обработка анкеты заключается в определении «рейтинга», представляющего собой сумму баллов за ответы на вопросы и выводе фамилии и «рейтинга» в окно браузера. Окно с ответом должно содержать элементы оформления: цвет фона, символов, форматирование символов, абзацев, горизонтальная полоса.
Приложение
Элементы формы
Форма
<FORM name=”form_name”> </FORM> name – атрибут, задающий имя формы
Кнопка
<INPUT type="button" value="Текст" onClick=”function_name”>
type – атрибут, задающий тип элемента; значение "button" обозначает кнопку
value - атрибут, определяющий надпись на кнопке (текст произвольного содержания); тип данных - строка
onClick – атрибут, определяющий функцию, выполняющуюся при нажатии на кнопку.
Окно ввода
<INPUT type="text" name="input_name">
type – атрибут, задающий тип элемента; значение "text" обозначает окно ввода текста name – атрибут, задающий имя окну ввода
Окно ввода представляет собой объект. Свойство value содержит текст, введённый в окно: input_name.value – обращение к строке, отображаемой в окне ввода.
Группа радиокнопок
Текст1<INPUT type=radio name="name_radio" value=0 checked> Текст2<INPUT type=radio name=" name_radio" value=1> Текст3<INPUT type=radio name=" name_radio" value=2> Текст4<INPUT type=radio name=" name_radio" value=3>