Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Министерство образования и науки Украины
Одесский национальный политехнический университет
Кафедра компьютеризованных систем управления
Лабораторная работа №7
“Формы HTML, ЯЗЫК СКРИПТОВ JAVASCRIPT ”
по дисциплине
“Программное обеспечение современных ЭВМ”
Выполнил:
Студент группы АТ-091
Добрянський А.И.
Проверил:
Фомин А.А.
Одесса 2013
Цель работы: изучение форм HTML-документов, создание интерактивных форм при помощи клиентских скриптов.
Задача работы: создать форму на web-странице с функциями предварительной обработки полей при помощи язык скриптов javascript.
Ход выполнения работы
При выведении окна использовать следующую последовательность функций JavaScript для создания динамических документов:
myWin= open("file_name|blank", "WindowName", "parameters");
myWin.document.open();
myWin.document.write(“text”);
myWin.document.close();
index.html
<html>
<head>
<title>Лабораторная работа №7</title>
<script language="JavaScript">
function test(form) {
if (forma.name.value=="" || forma.adress.value=="") {
alert ("Пожалуйста, введите данные!");}
else {
myWin= window.open("", "displayWindow",
"width=500,height=400,status=yes,toolbar=yes,menubar=yes");
myWin.document.open();
myWin.document.write("<html><head><title>!!!");
myWin.document.write("</title></head><body text='red'>");
myWin.document.write("<center><h3>");
myWin.document.write(forma.name.value + ", благодарим за заполнение анкеты!");
myWin.document.write("</h3></center>");
myWin.document.write("</body></html>");
myWin.document.close();
}
}
</script>
</head>
<body>
<center><h1>АНКЕТА</h1></center>
<form action="form.php" method="get" name="forma">
<table align="center" border="0">
<tr>
<td align="right">Имя:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td align="right">Адрес:</td>
<td><input type="text" name="adress"></td>
</tr>
<tr>
<td align="right">Специальность:</td>
<td><select name="special">
<OPTION value=0>АТ</OPTION>
<OPTION value=1>АН</OPTION>
<OPTION value=2>АЕ</OPTION></select>
</td>
</tr>
<tr>
<td align="right">Пол:</td>
<td>M<input type="radio" name="gender" value="male"> Ж<input type="radio" name="gender" value="female">
</td>
</tr>
<tr>
<td align="right" valign="top">Языки:</td>
<td><input type="checkbox" name="lang">Английский <br>
<input type="checkbox" name="lang">Немецкий <br>
<input type="checkbox" name="lang">Французский
</td>
</tr>
<tr>
<td align="right" valign="top">Дополнительная информация:</td>
<td><textarea cols=”20” rows=”5”></textarea></td>
</tr>
</table>
<center><input type="button" name="submit" value="Отправить" onClick="test(this.form)"></center>
</form>
</body>
</html>
Выводы:
В данной лабораторной работе я изучил формы HTML-документов, а также создание интерактивных форм при помощи клиентских скриптов javascript.