ox" name="Prtr" value="0N" />Принтеры
Мониторы
<р>Можем ли мы передавать ваш адрес электронной почты другим
посетителям?
Да
Нет
Если посетитель сайта заполнит форму, сгенерированную приведенным выше
кодом и указанную на рис. 3.15, а затем нажмет кнопку Submit, Web-браузер
отправит результаты формы электронной почте по Адресу, указанному после
mailto: В атрибуте action.
Глава 3. HTML-формы
sjjjj Передача результатов заполнения формы по электронной почте (с
использованием Mail 1 и.)
Файл Правка 8ид Избранное Сервис Оправка
> -'-'" - "э л з;"ъaj'^ijm -
^дрес j # ] http//htmUvebdesign/ChapterO3/FigureO3-12 htm
Имя: I Фамилия: |
Адрес E-Mail: |
Области интересов:,
Операционные системы: Г Windows 98 Г Windows ХР Г Windows NT
Оборудование: Г Настольные компьютеры Г Портативные компьютеры Г PDA
Г Принтеры С Мониторы
Можем ли мы передавать ваш адрес электронной почты другим посетителям? с Да *
Нет
Отправить Очистить
i
Рис. 3.15. Форма с данными, которые будут отправляться по электронной почте
Обратите внимание, что результаты формы включают имена элементов формы
и введенные посетителем значения, разделенные знаками равно (=). Параметр
"text/plain" в качестве значения атрибута enctype (вторая строка определения
формы) указывает Web-браузеру, что результаты формы должны передаваться в
виде открытого текста. Если бы в определение формы в качестве метода кодиро-
вания было установлено используемое по умолчанию значение application/
x-www-form-uriencoded, Web-браузер передавал бы данные в виде одной строки
с разделяющими запятыми, в которой имена и значения были бы разделены ам-
персантами (&). Тем не менее, независимо от типа кодирования, важно пони-
мать, что Web-браузер передает результаты формы в виде пар имя/значение. Ре-
зультаты заполнения формы включают имена всех полей ввода текста (как
содержащих данные, так и пустых), но для флажков, переключателей и элемен-
тов списка выбора Web-браузер передает пары имя/значение только для выбран-
ных элементов.
Следует иметь в виду, что использование maiito: в атрибуте action может
работать не во всех браузерах. Для передачи результатов формы по электронной
почте в соответствии с описанной выше схемой система посетителя сайта долж-
на иметь соответствующим образом настроенную почтовую программу. Тем не
менее, maiito: позволяет легко и быстро протестировать формы, передавая их
результаты в виде открытого текста по вашему адресу электронной почты. С по-
мощью maiito: можно передать данные формы (по электронной почте самому
себе) без участия провайдера услуг Internet и без использования серверных CGI-
сценариев. В главе 10, посвященной РНР, и главе 11, посвященной ASP, будет
подробно рассказано об обработке результатов форм на Web-сервере. За счет ис-
пользования серверных сценариев результаты заполнения формы можно отправ-
лять по электронной почте (через почтовый сервер SMTP), даже если в системе
посетителя не установлена почтовая программа.
Глава 3. HTML-формы
Управление расположением элементов и текста
формы с помощью HTML-таблиц
В коде примеров форм, приведенном выше в этой главе, не используются ни-
какие другие элементы размещения объектов* на форме, кроме дескрипторов аб-
зацев (<р>) и новых строк (<Ьг>). Тем не менее, в некоторых случаях группу
флажков или переключателей необходимо расположить вертикально или гори-
зонтально, что позволяет улучшить внешний вид формы. Аналогично, при со-
здании формы вопросов и ответов вопросы удобно расположить в левой части
формы, а ответы на них - в правой части. К счастью, на форме можно исполь-
зовать таблицы, при этом в ячейки таблицы можно помещать целые формы.
Предположим, например, что на форме содержится многострочное текстовое
поле ввода, как показано на рис. 3.16, надпись для которого расположена в ниж-
нем левом углу поля (такое расположение имеет место по умолчанию при поме-
щении текста и графики в один абзац).
Сообщение:
Рис. 3.16. Надпись перед элементом формы, расположенная
по умолчанию в левом нижнем углу элемента
Для переноса надписи "Сообщение:" ("Message:") в верхний левый угол элемен-
та формы поместите надпись и элемент формы в таблицу с двумя столбцами,
как показано в приведенном ниже коде:
м
