Будь умным!


У вас вопросы?
У нас ответы:) SamZan.net

Лабораторная работа 7 ldquo;Формы HTML ЯЗЫК СКРИПТОВ JVSCRIPT rdquo; по дисциплине ldquo;Программное обеспечение с

Работа добавлена на сайт samzan.net:


Министерство образования и науки Украины

Одесский национальный политехнический университет

Кафедра компьютеризованных систем управления

Лабораторная работа №7

Формы HTML, ЯЗЫК СКРИПТОВ JAVASCRIPT

по дисциплине

“Программное обеспечение современных ЭВМ”

Выполнил:

Студент группы АТ-091

Добрянський А.И.

Проверил:

Фомин А.А.

Одесса 2013

Цель работы: изучение форм HTML-документов, создание интерактивных форм при помощи клиентских скриптов.

Задача работы: создать форму на web-странице с функциями предварительной обработки полей при помощи язык скриптов javascript.

Ход выполнения работы

  1.  Создать файл index.html. Используя теги <HTML>, <HEAD>,<TITLE> и <BODY> описать общую структуру HTML документа. Создать форму анкетирования.
  2.  При помощи языка JavaScript осуществить проверку содержимого основных полей формы (имя, адрес, специальность) при нажатии кнопки “Отправить”. При отсутствии данных хотя бы в одном из обязательных полей вывести соответствующее сообщение и прекратить обработку формы.
  3.  При правильном заполнении формы вывести в новом окне браузера сообщение, используя значение поля “Имя”.

При выведении окна использовать следующую последовательность функций 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.




1. КОНТРОЛЬНАЯ РАБОТА 1
2. Задание для практического занятия 1 Установка пароля пользователя Проблема защиты информации от не
3. 2003 Группа Т59 НАЦИОНАЛЬНЫЙ СТАНДАРТ РОССИЙСКОЙ ФЕДЕРАЦИИРУКОВОДЯЩИЕ УКАЗАНИЯ ПО АУДИТУ СИСТЕМ МЕНЕДЖМЕН
4. S не работает для корыстных целей и не требует взамен чего либо Корпорация D
5. Пируватдекарбоксилаза комплексі ішкі мембранада орналас~ан- митохондрияны~ 2
6. Тема- Лидерство в системе менеджмента
7. з курсу Загальне мовознавство Ін5 Екзаменатор ~ доц
8. Тема 7- Система социальной защиты населения Содержание история модель Основы организации и фу
9. Реферат- Урал
10. РЕФЕРАТ дисертації на здобуття наукового ступеня кандидата економічних наук Ха1
11. пожираю вирусы избирательно поражающие бактериальные клетки
12. Способи організації доступу до інтелектуальної мережі (IN)
13. Особенности законного представительства
14. Совершенствование системы обучения работников на предприятии на примере ООО Резонотехника.html
15. ГУЛАГ (историко-социологический аспект)
16. Тема 5а- Психологические уловки в общении и их нейтрализация Знание механизма функционирования уло
17. Теория экономического роста
18. Європейська валютна система і проблеми Європейського союзу
19. Методика и практика архивоведения Излагаются реко
20. республиканскими властями стремившимися к суверенитету и независимости и федеральным центром который по.html