Создайте следующий документ, позволяющий посредствам гиперссылок ознакомиться со всеми вашими лабораторными работами.
<html>
<head>
<style type="text/css">
img{float:right}
</style>
</head>
<body bgcolor=#edf3ff>
<h1 align=center><font color=red>Практическая работа по HTML</font></h1>
<img src="1.jpg" heigh="250">
<ul>
<li>Практическая работа №1
<a href="Л р.№1.html">Практическая работа №1</a>
Практическая работа №6
Тема: Формы в HTML
Цель работы: научиться создавать формы в html-документе.
Оборудование и программное обеспечение: ПК, ОС Windows XP, Internet Explorer, текстовый редактор Блокнот.
Теоретический материал:
Формы.
Форма – это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее
определенную точку внешнего мира, где информация будет некоторым образом обработана.
Как устроена форма?
Форма открывается меткой <form> и заканчивается меткой </form>.
HTML- документ может содержать в себе несколько форм, однако формы не должны находиться одна в другой. HTML- текст, включая метки, может размещаться внутри форм без ограничений. Метка <form> может содержать три атрибута, один из которых обязательный.
|
|
· ACTION – обязательный атрибут. Определяет, где находится обработчик формы.
· METHOD – определяет, каким образом (иначе говоря, с помощью какого метода протокола передачи гипертекстов) данные из формы будут переданы обработчику. Допустимые значения: METHOD= POST и METHOD= GET. Если значение атрибута не установлено, по умолчанию предполагается METHOD= GET.
· ENCTYPE – определяет, каким образом данные из формы будут закодированы
Простейшая форма. Для того, чтобы запустить процесс передачи данных из формы обработчику, нужен какой-то орган управления. Создать такой орган управления очень просто:
<INPUT TYPE=submit>
Встретив такую строчку внутри формы, браузер нарисует на экране кнопку с надписью submit, при нажатии на которую все имеющиеся в форме данные будут переданы обработчику, определенному в метке <FORM>. Надпись на кнопке можно задать такую, какая нравится, путем введения атрибута VALUE=”Надпись”, например <INPUT TYPE=submit VALUE=”Поехали!”>
Теперь мы знаем достаточно для того, чтобы написать простейшую форму. Она не будет собирать никаких данных, а просто вернет нас к тексту этого задания.
Запишите следующий программный код:
<html>
<head>
</head>
<body bgcolor=#edf3ff>
<h1>Простейшая форма</h1>
<form action="9.html">
<input type=submit value="Назад к заданию №9">
</form>
</body>
</html>
Если вы хотите переместиться на какую-то страницу, находящуюся в вашей папке, то просто запишите в метке action название этой страницы в кавычках:
|
|
<form action=" 3.html ">
<input type=submit value="Назад к заданию №9">
</form>
Надпись, нанесенную на кнопку, можно при необходимости передать обработчику путем введения в определение кнопки атрибута NAME=имя
<INPUT TYPE=submit NAME=button VALUE=”Поехали!”>
При нажатии на такую кнопку обработчик вместе со всеми остальными данными получит и переменную button со значением ПОЕХАЛИ! В форме может быть несколько кнопок типа submit с различными именами и/или значениями. Обработчик, таким образом, может действовать по-разному в зависимости от ТОО, какую именно кнопку submit нажал пользователь.