Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Основы HTML.doc
Скачиваний:
13
Добавлен:
11.11.2018
Размер:
524.29 Кб
Скачать

9.2 Пример использования формы

Текст в блокноте:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HR>

<script language="JavaScript">

<!--

document.write(c2ut({JSDATE}));

//-->

</script><noscript>{DATE}</noscript>

<html>

<head>

<title> Гостевая книга. Написать сообщение</title>

</head>

<body bgcolor=#ffe0c3>

Гостевая книга:

<form name="myform" method="post" action="mailto:dunaev@mail.admiral.ru" enctype="text/plain">

<input type=hidden name="owner" value={OWNERID}>

<input type=hidden name="newlocation" >

<table border="0"><tr><td align="right">Имя:<br>e-mail:<br>url:<br></td>

<td><input name="your_name" ><br>

<input name="your_email" ><br>

<input size="30" name="your_url" ><br>

</td></tr></table>С какой целью вы зашли на этот

сайт  &nbsp

Вы нашли то, что искали?<br>

<input name="ответ1" type="radio" value="1" checked>

Целенаправленно &nbsp <input name="ответ2" type="radio" value="1"> Нет<br>

<input name="ответ1" type="radio" value="2" >

Случайно    

<input name="ответ2" type="radio" value="2" checked> Да<br>

<input name="ответ1" type="radio" value="3" >

Порекомендавали<p> Чем вы

занимаетесь?&nbspНравится ли

вам эта страница?<br>

<input name="ответ3" type="radio" value="1" checked>

Работаю  &nbsp

<INPUT type=radio value=1 name="ответ"> Нет<br>

<input name="ответ3" type="radio" value="2" >

Учусь &

<input name="ответ" type="radio" value="2" checked> Да<br>

<input name="ответ3" type="radio" value="3" >

Временно не работающий

<P align=center>

<input name="submit" type="submit" value="Записать!"></P>

<P> </P>

</form></B>

</body>

</html>

В браузере это выглядит так:

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

Вариант 1

  1. Создайте html-документ с заголовком лабораторной работы.

  2. Разработайте гостевую книгу.

  3. Используя материал (выше изложенный) реализуйте вашу гостевую книгу.

Вариант 2

  1. Создайте html-документ с заголовком лабораторной работы.

  2. Разработайте вопросы по html.

  3. Используя материал (выше изложенный) реализуйте ваш тест в виде html-документа.

Вариант 3

  1. Создайте html-документ с заголовком лабораторной работы.

  2. Разработайте вопросы пользователям, которые вы как автор сайта хотели бы узнать.

  3. Используя материал (выше изложенный) реализуйте ваш тест – «гостевую книгу» в виде html-документа

9.4 Контрольные вопросы

  1. Что Вы понимаете под понятием «форма»?

  2. Какие виды форм существуют?

  3. Какой тег используется для создания поля формы?

  4. Какой тег используется для создания заполняемой формы?

  5. Какой тег используется для создания поля для ввода нескольких строк текста?

  6. Какой элемент создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Его атрибуты

  7. Какой элемент описывает отдельные пункты меню

  8. Какой элемент создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем?

  9. В каком теге и каким атрибутом создается кнопка, при нажатии на которую заполненная форма посылается на сервер

10 Java Script