Материал: 1896
Рис. 82. Вид Web-страницы в окне браузера
Атрибут CHECKED определяет, какой из переключателей должен быть выбран по умолчанию.
2. Выбор нескольких переключателей
Текст программы в блокноте будет выглядеть следующим образом:
…
<FORM METHOD="POST"> <H3> Переключатели </H3>
<INPUT TYPE="RADIO" NAME="s001" VALUE="первый" > <INPUT TYPE="RADIO" NAME="s002" VALUE="второй" > <INPUT TYPE="RADIO" NAME="s003" VALUE="третий"> </FORM>
…
На рис. 83 показано, как будет выглядеть форма в окне браузера.
Рис. 83. Вид Web-страницы в окне браузера
Создание кнопок отправления и очистки формы
Текст программы в блокноте будет выглядеть следующим образом:
…
<FORM METHOD="POST" ACTION="MAILTO:sss@mail.ru"> <P ALIGN="CENTER">
<TEXTAREA NAME="text00" ROWS="5" COLS="30"> </TEXTAREA>
<BR>
<BR>
<INPUT TYPE="SUBMIT" VALUE="переслать форму"> <INPUT TYPE="RESET" VALUE="очистить форму"> </FORM>
…
На рис. 84 показано, как будет выглядеть форма в окне браузера.
Рис. 84. Вид Web-страницы в окне браузера
Если заполнить текстовое окно и щелкнуть мышью по кнопке «переслать данную форму», то форма будет отправлена на электронный адрес: sss@mail.ru. Если щелкнуть мышью по кнопке «очистить данную форму», то в текстовом окне удалится запись и форма снова будет готова к заполнению.
Создание сложной формы
Рассмотрим на примере: необходимо заполнить анкету и отправить.
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251">
<TITLE>The form</TITLE> </HEAD>
<BODY>
<FONT COLOR="RED"> <B>
<P ALIGN="CENTER">
Проводится социологический опрос. Хотелось бы узнать, какое место в вашей жизни занимает Интернет. Заполните и отправьте нам анкету.
</B>
</FONT>
<FORM METHOD="POST" ACTION="MAILTO:volkov@newmail.ru"> <B><P ALIGN="JUSTIFY">
Ваше имя:</B>
<INPUT TYPE="TEXT" NAME="NAZ" SIZE="40"> <P ALIGN="JUSTIFY"><B>
Ваш адрес (E-mail):</B>
<INPUT TYPE="TEXT" NAME="EMAIL" SIZE="20"> <B><P ALIGN="JUSTIFY">
1. Как часто вы пользуетесь Интернетом?</B><BR>
<INPUT NAME="1Z" TYPE="CHECKBOX">Менее 2 часов в неделю <INPUT NAME="2Z" TYPE="CHECKBOX">От 5 до 10 часов в неделю <INPUT NAME="3Z" TYPE="CHECKBOX">Более 10 часов в неделю <B><P ALIGN="JUSTIFY">
2.Используете ли вы Интернет на работе?</B><BR> <INPUT NAME="1R" TYPE="RADIO">Да
<INPUT NAME="2R" TYPE="RADIO">Нет <B><P ALIGN="JUSTIFY">
3.Есть ли у вас дома Интернет?</B><BR>
<INPUT NAME="1I" TYPE="RADIO">Да
<INPUT NAME="2I" TYPE="RADIO">Нет <B><P ALIGN="JUSTIFY">
Ваши комментарии, вопросы, пожелания: </B> <TEXTAREA NAME="TEXT03" ROWS="4" COLS="10"> </TEXTAREA>
<CENTER>
<BR>
<INPUT TYPE="SUBMIT" VALUE="переслать анкету"> <INPUT TYPE="RESET" VALUE="очистить анкету"> </CENTER>
</FORM>
</BODY>
</HTML>
На рис. 85 показано, как будет выглядеть форма в окне браузера.
Рис. 85. Вид Web-страницы в окне браузера
1.7.3. MAILTO
Посетитель Web-страницы может связаться с ее создателем еще одним способом по электронной почте. В Web-страницу можно включить значок или текст, после щелчка мышью по которому будет автоматически отправлено сообщение по указанному электронному адресу.
Это тег <A HREF="MAILTO:e-mail">
Рассмотрим два примера.
1. Текстовое сообщение (рис. 86).
…
<A HREF="MAILTO:volkov@newmail.ru">
Отправьте свое сообщение по почте
</A>
…
Рис. 86. Вид Web-страницы в окне браузера
2. Графика и текстовое сообщение (рис. 87).
…
<A HREF="MAILTO:volkov@newmail.ru">
<img src="p.gif">Отправьте свое сообщение по почте</A>
…
Рис. 87. Вид Web-страницы в окне браузера
Замечание: рассмотренный случай применяется в браузере Internet Explorer.
Контрольные вопросы
1.Каким образом применяются формы на Web-страницах?
2.Какие теги используются для создания форм?
3.Для чего необходимы ключевые слова METHOD и ACTION в теге
<FORM>?
4.Как создается элемент формы: текстовое окно? Приведите пример его использования.
5.Как создается элемент формы скролируемое меню? Приведите пример его использования.
6.Как создается элемент формы текстовая строка? Приведите пример ее использования.
7.Как создается элемент формы «флажок»? Приведите пример его использования.
8.Как создается элемент формы строка для ввода пароля?