50783

Сценарий Web-страницы

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

Информатика, кибернетика и программирование

Цель:Разработать несколько типовых сценариев для web-страниц. Задание 1.Постоить таблицу состоящую из 3 строк и 2 столбцов. Первый столбец назвать Тег второй Назначение. Первую строку задать при помощи тегов заголовков таблицы(th).Для каждой ячейки таблицы для события onlick задать прояснение.

Русский

2014-01-30

34.5 KB

8 чел.

Лабораторная работа 71.

Тема: Сценарий Web-страницы

Цель:Разработать несколько типовых сценариев для web-страниц.

 Задание 1.Постоить таблицу состоящую из 3 строк и 2 столбцов. Первый столбец назвать Тег второй Назначение. Первую строку задать при помощи тегов заголовков таблицы(th).Для каждой ячейки таблицы для события onlick задать прояснение.

<html>
<
head><title>63</title>
</
head>
<
body>
<
form action="vivod.php" method="get">
<
table border=2>
<
tr><th onclick="alert('привет студент');"
onmouseout="alert('ну нажми');" >
Тег
</
th><th onclick="alert('эта таблица содержит теги для таблицы');"
onmouseout="alert('ну нажми');" >
Действие
</
th></tr>
<
tr><td onclick="alert('tr');"onmouseout="alert('ну нажми');" >
</
tr></td>
<td onclick="alert('этот тег создает строки');"onmouseout="alert('ну нажми');" > создает строку в таблице
</
td></tr>
<
tr><td onclick="alert('td');"onmouseout="alert('ну нажми');" ></td>
<td onclick="alert('этот тег делит строку на определенное количество столбцов');"onmouseout="alert('ну нажми');" > задает количество ячеек в строке
</
td></tr>
</
table><br><br>
</form>
</body>
</html>

Задание 2.Открыть форму на форме настроить проверку пустоты полей при помощи javascript.
<html>

<head><title>71.3</title>
<script type="text/javascript" language="javascript">   
function checkForm(evt)   
{ // получаем значение поля email  
var value = document.getElementById("email").value;
var value1 = document.getElementById("fam").value;
var value2 = document.getElementById("im").value;
var value3 = document.getElementById("group").value;
var value4 = document.getElementById("curs").value;
//
если значение отсутствует -
//
предупреждаем пользователя и
//
запрещаем отправку почты
if(!value)
{alert('
не указан email!');
return false;}
return true;}
if(!value1)
{alert('
не указан фамилия!');
return false;}
return true;}
if(!value2)
{alert('
не указано имя!');
return false;}
return true;}
if(!value3)
{alert('
не указана группа!');
return false;}
return true;}
if(!value4)
{alert('
не указан курс!');
return false;}
return true;}
</script>
</head>
<body>  
<form action="subsribe.php" method="get" onsubmit="return checkForm();">
<table>
<tr><td>
Фамилия</td><td><input type="text" name="fam" id="fam"></td></tr>
<tr><td>
Имя</td><td><input type="text" name="im" id="im" ></td></tr> <tr><td>Группа</td><td><input type="text" name="group" id="group"></td></tr>
<tr><td>
Курс</td><td><input type="text" name="curs" id="curs" ></td></tr>
<tr><td>Email</td><td><input type="text" name="email" id="email" > </td></tr>
</table>
<input type="submit" name="sbm" id="sbm" value="
Подписаться" >
</form>
</body>
</html>


 

А также другие работы, которые могут Вас заинтересовать

75255. Топливная система летательных аппаратов 729 KB
  Топливная система самолёта предназначена для размещения топлива на самолёте и подачи его к двигателям АИ24ВТ и РУ19А300. На самолёте не предусмотрено системы аварийного слива топлива. Система выработки топлива состоит из 2х аналогичных систем расположенных в левой и правой плоскостях.12; В соответствии с порядком выработки топлива все баки делятся...
75256. Высотное оборудование летательного аппарата 696.5 KB
  Изучение особенностей конструкции и принципов работы элементов, узлов, агрегатов планера и функциональных систем современных самолетов. Знания, полученные при изучении курса «Конструкция самолета и вертолета» дают возможность по эксплуатации самолетов и вертолета самостоятельно...