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>


 

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

60629. Тіла. Речовини. Молекули 85.5 KB
  Мета: формувати елементарні поняття тіло речовина молекула; вміння розрізняти тіла і речовини в природі; формувати вміння моделювати будову твердих рідких і газоподібних речовин виконувати досліди за інструкцією...
60631. СЕМЬЯ – ОСНОВА ОБЩЕСТВА. ВОЗРОЖДЕНИЕ ДУХОВНО-НРАВСТВЕННЫХ СЕМЕЙНЫХ ЦЕННОСТЕЙ 50.5 KB
  Немаловажным является и вопрос здоровья брачующихся комментарий медицинского работника Т в. Роман Комментарий юриста: говорит о том что гражданский брак в современном названии это просто сожительство...
60632. Властивості пірамід 32 KB
  Про це говорять і дивовижні результати вимірювання піраміди Хеопса. Крім того зясувалося що єгипетські майстри зробили піраміди відображенням розташування зірок у сузірї Оріона а вершина Великої піраміди дивиться точно на Полярну зірку.
60633. Кто родителей почитает, тот навек не погибает 50.5 KB
  Как подумаешь порою что и Дуня может быть тут же пропадает так поневоле согрешишь да пожелаешь ей могилы Кто виноват в том что отношения отца и дочери сложились так трагично В погоне за богатством и счастьем она забыла о долге перед отцом; её поведение эгоистично.
60634. Вирішення завдань з економічним вмістом на уроках інформатики 105 KB
  Громадянин відкрив рахунок в банці вклавши 1000 грн. Громадянин відкрив рахунок в банці вклавши 3000 грн. 5 років якщо після кожного року зберігання громадянин знімав з рахунку 300 грн.
60636. Урок світової літератури на тему : «Подорожі Скруджа Різдвяної ночі» 3.5 MB
  Мета: навчати вмінню аналізувати зміст художнього твору; розвивати логічне мислення, зв’язне мовлення, удосконалювати навички виразного читання, виховувати людяність, доброту, милосердя, уміння співчувати.