Задание № 2. Использование элемента опции выбора
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Использование элемента опции выбора</TITLE >
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO" VLINK="blue">
<H3>Укажите свои увлечения:</H3>
<FORM NAME="select_hobby" ACTION="/cgi-bin/hobby.cgi" METHOD="get">
<INPUT TYPE="checkbox" NAME="hobby" VALUE="computers" CHECKED> Компьютеры и Интернет <BR><BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="art">Литература и искусство <BR><BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="music">Музыка и танцы <BR><BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="auto">Автомобили <BR><BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="sport">Cпopт и активный отдых </FORM>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и результатом должно послужить следующее:
▲ Как видно из рисунка, пользователь может выбирать несколько вариантов поля CHECKBOX, значение каждого из которых будет передано программой-обработчиком на Web-сервер.
Задание № 3. Использование элемента опции переключения
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Использование элемента опции переключения</TITLE >
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO" VLINK="blue">
<H3>Укажите свою возрастную группу:</H3>
|
|
|
<FORM NAME="select_age" ACTION="/cgi-bin/age.cgi" METHOD="get">
<INPUT TYPE="radio" NAME="age" VALUE="baby" CHECKED>0-5 лет
<BR> <BR>
<INPUT TYPE="radio" NAME="age" VALUE="child">5-12 лет <BR> <BR>
<INPUT TYPE="radio" NAME="age" VALUE="junior">12-20 лет <BR> <BR>
<INPUT TYPE="radio" NAME="age" VALUE="adult">Oт 20 лет
</FORM>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и результатом должно послужить следующее:
Задание № 4. Использование кнопок отправления и сброса данных
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Использование кнопок отправления и сброса данных</TITLE >
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO" VLINK="blue">
<FORM NAME="user_data" ACTION="/cgi-bin/anketa.cgi" METHOD="post">
<H2>Анкета пользователя:</H2>
<P><B> Контактные данные:</B> </P>
<BR>
Ваше имя:<BR>
<INPUT TYPE="text" SIZE="20" MAXLENGTH="50" NAME="name"> <BR>
Ваш E-mail:<BR>
<INPUT TYPE-text' SIZE="30" MAXLENGTH="35" NAME="email"> <BR>
Ваш сайг <BR>
<INPUT TYPE="text" SIZE="40" MAXLENGTH="60" NAME="www">
|
|
|
<P> <B>Возраст:</B> </P>
<INPUT TYPE="radio" NAME="age" VALUE="baby" CHECKED>5-0 лет
<INPUTTYPE="radio" NAME="age" VALUE="child">5-12 лет
<INPUT="radio" NAME="age" VALUE="junior">12-20 лет
<INPUT TYPE="radio" NAME="age" VALUE="adult"> Oт 20 лет
<P><B>Увлечения: </B> </P>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="computers" CHECKED> Компьютеры и Интернет
<INPUT TYPE="checkbox" NAME="hobby" VALUE="art">Литература и искусство
<INPUT TYPE="checkbox" NAME="hobby" VALUE="music"> Музыка и танцы
<INPUT TYPE="checkbox" NAME="hobby" VALUE="auto"> Автомобили
<INPUT TYPE="checkbox" NAME="hobby" VALUE="sport"> Спорт и активный отдых
<P ALIGN ="center">
<INPUT TYPE="submit" VALUE="Отправить данные">
<INPUT TYPE="reset" VALUE="Очистить поля формы">
</FORM>
</BODY>
<HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и результатом должно послужить следующее:
Задание № 5. Применение тега < TEXTAREA >
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Использование текстового поля</TITLE>
|
|
|
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO" VLINK="blue">
<H3>Пожалуйста, сообщите свои данные:</H3>
<FORM NAME="mail" ACTION="cgi-bin/mail.cgi" METHOD="get"> Ваше имя:<BR>
<INPUT TYPE="text" SIZE="30" MAXLENGTH="35" NAME="name"> <BR>
Ваш E-mail:<BR>
<INPUT TYPE="text" SIZE="30" MAXLENGTH="35" NAME="email"> <BR>
Комментарий:<BR>
<TEXTAREA COLS="25" ROWS="5" NAME="comment">Baш комментарий…</TEXTAREA>
<BR> <BR>
<INPUT TYPE="submit" VALUE="Отправить">
<INPUT TYPE="reset" VALUE="Очистить">
</FORM>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и результатом должно послужить следующее:
Дата добавления: 2018-11-24; просмотров: 460; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!