Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Создание собственного сайта от А до Я. 16 урок - Тэг Form


Урок 16 - Тэг FORM

Вся информация по рассылке доступна здесь. Вы можете скачать все выпуски рассылки.

От Автора.

Добрый вечер уважаемые слушатели рассылки "HTML это просто". Этот выпуск несколько отличным от всех предыдущих, в этот раз я просто собрал статьи на тему "Web-кодинга", которые, по моему мнению, могут быть полезны для чтения. А так как статей набралось не мало, размещу только одну полную статью, а остальные только с начальной частью, а там вы уж сами решите читать дальше или нет. Полную статью выбрал не случайно почти 100% слушателей рассылки пользуются услугами бесплатного хостинга, поэтому думаю, будет интересно всем.

Web Coder, именно на нее ориентируясь, будут написаны уроки. Поэтому все кто желает понять и свободно владеть HTML , качаем по этой ссылке (600 кб).

Задание 4 конкурса HTML это просто.

Сначала о приятном, на конкурсе новый спонсор - лучший магазин ICQ предоставил шестизнак, который будет вручен победителю конкурса.

Прием решений 3 задания продлен до вторника. Вечером во вторник подведение итогов по 3 заданию.

Задание 4 - колдуем со стилями.
1. - вывести контейнер Style во внешний файл - style.css
2. - цвет ссылок, меняем цвет активных ссылок - blue, цвет посещенных ссылок - green, цвет при наведении - red, цвет не посещенной ссылки без наведения - black
3. - меняем шрифт в таблицах на Tahoma и увеличиваем размер на 2 пункта.
4. - сделать цвет текста внутри таблицы - blue без использования контейнера Font
5. - меняем шрифт вне таблиц на Courier
6. - перенести параметр border контейнера IMG в файл style.css. И задать равным - 1.
7. - задать цвет заголовка H3 только средствами CSS

Скачать 4 задание Итоги по заданию 4 - 9.07.06

Слать ответы на admin@megaobzor.com

Задание создано совместно с http://soft-blog.net

От Админа Soft-Blog:
ВНИМАНИЕ! ТОМУ КТО ПЕРВЫЙ ПРИШЛЁТ ПРАВИЛЬНЫЕ ОТВЕТЫ НА ЗАДАНИЯ, ТОМУ Я ПОДАРЮ ТОТ СЕМИЗНАК КОТОРЫЙ ОБЕЩАЛ В НАЧАЛЕ КОНКУРСА.


Тэг <FORM>

В HTML - документе для задания формы используются тэги <FORM>…</FORM>, отмечающие, соответственно, начало и конец формы. Документ может содержать несколько форм, но они не могут быть вложены одна в другую. Тэг <FORM> имеет параметры ACNION, METHOD, ENCTYPE. Отдельные браузеры (Netscape, Internet Explorer) поддерживают дополнительные параметры помимо стандартных, например, CLASS, NAME, STYLE и др. В общем виде форма задается следующим образом:

<FORM ACTION= "URL" METHOD=метод_передачи ENCTYPE=MINE- тип > Содержание_формы </FORM>

Параметр ACNION является единственным обязательным. Его значением является URL -адрес CGI - программы, которая будет обрабатывать информацию, извлеченную из данной формы.

Параметр METHOD определяет метод пересылки данных, содержащихся в форме, от браузера к Web-сервису. Он может принимать два значения: GET (по умолчанию) и POST.

При использовании метода GET данные формы пересылаются в составе URL- запроса, к которому присоединяются после символа "?" в виде совокупности пар переменная=значение, разделенных символом "&". В этом случае первая строка запроса может иметь следующий вид:

GET/cgi-bin/cgi-programm.pl?name=Mike&surname=Ivanoff HTTP/1.1
URL запросы Данные формы

После выделения данных из URL сервер присваивает их переменной среды QUERY_STRING, которая может быть использована CGI - программой.

При использовании метода POST данные формы пересылаются Web-сервису в теле запроса, после чего передаются сервером в CGI - программу через стандартный ввод.

Значением параметра ENCTYPE является медиа-тип, определяющий формат кодирования данных при передаче их от браузера к серверу. Браузер кодирует данные, чтобы исключить их искажение в процессе передачи. Возможны два значения этого параметра: application/x-www-form-urlencoded (по умолчанию) и multipart/form-data.

Как видно из примера на рис. 9.22, форма отображается в окне браузера в виде набора стандартных элементов управления, используемых для заполнения полей формы значениями, которые затем передаются Web-сервису. Значения вводится в поле ввода пользователем или назначается по умолчанию. Для создания полей средствами языка HTML существуют специальные тэги:<INPUT>, <SELECT>, <TEXTAREA>, которые употребляются только внутри тэга <FORM>.

Тэг <INPUT>.

<INPUT TYPE= тип_поля_ввода NAME=имя_поля_ввода другие_параметры >
Это наиболее употребляемый тэг, с помощью которого можно генерировать внутри формы поля для ввода строки текста, пароля, имени файла, различные книпки. Он имеет два обязательных параметра: TYPE и NAME. Параметр TYPE определяет тип поля: селекторная кнопка, кнопка передачи и др. Параметр NAME определяет имя, присваиваемое полю. Оно не отражает браузером, а используется в качестве идентификатора значения, передаваемого Web-сервису. Остальные параметры меняются в зависимости от типа поля. Ниже приведено описание типов полей, создаваемых при помощи тэга <INPUT>, и порождаемых ими элементов ввода.

TYPE=TEXT
Создает элемент для ввода строки текста. Дополнительные параметры:

" MAXLENGTH=n
Задает максимальное количество символов, разрешенных в текстовом поле. По умолчанию - не ограничено.

" SIZE=n
Максимальное количество отображаемых символов.

" VALUE=начальное_значение
Первоначальное значение текстового поля.

TYPE=PASSWORD
Создает элемент ввода строки текста, отличающий от предыдущего только тем, что все вводимые символы представляются в виде символа *.

TYPE=FILE
Создает поле для ввода имени локального файл, сопровождаемое кнопкой Browse. Выбранный файл присоединяется к содержимому форму при пересылке на сервер. Имя файла можно ввести непосредственно или, воспользовавшись кнопкой Browse, выбрать его из диалогового окна, отображающего список локальных файлов. Для корректной передачи присоединенного файла следует установить значение параметров формы равными ENCTYPE= "multipart/form-data" и METHOD=POST. В противном случае будет передана введенная строка, то есть маршрутное имя файла, а не его содержимое. Дополнительные параметры MAXLENGTH и SIZE имеют тот же смысл, что и для элементов типа TEXT и PASSWORD.

TYPE=CHECKBOX
Создает поле для установки флажка, который можно установить или сбросить (on/off(вкл./выкл.), истина/ложь). Элементы CHECKBOX можно объединить в группу, установив одинаковое значение параметра NAME.

Дополнительные параметры:

" VALUE=строка
Значение, которое будет передано серверу, если данная кнопка выбрана. Если кнопка не выбрана, значение не передается. Обязательный параметр.

" CHECKED
Если указан параметр CHECKED, элемент является выбранным по умолчанию.

Если флажки образуют группу, то передаваемым значением является строка разделенных запятыми значений параметра VALUE всех установленных флажков.

TYPE=RADIO
Создает элемент-переключатель, существующий только в составе группы подобных элементов, из которых может быть выбран только один. Все элементы группы должны иметь одинаковое значение параметра NAME. Отображается в виде круглой кнопки. Дополнительные параметры:

" VALUE=строка
Обязательный параметр, значение которого передается серверу при выборе данной кнопки. Должен иметь уникальное значение для каждого члена группы.

" CHECKED
Устанавливает элемент выбранным по умолчанию. Один и только один элемент в группе должен иметь этот параметр.

TYPE=SUBMINT
Создает кнопку передачи, нажатие которой вызывает пересылку на сервер всего содержимого формы. По умолчанию отображается в виде прямоугольной кнопки с надписью Submit (или Submit Query- для браузера Netscape). Дополнительный параметр

VALUE=название_кнопки
Позволяет изменить надпись на кнопке. Параметр NAME для данного элемента может быть отпущен. В этом случае значение кнопки не включается в список параметров формы и не передается на сервер. Если параметры NAME и VALUE присутствуют, например,

<INPUT TYPE=SUBMNT NAME= "submint_button" VALUE= "OK" >,
то в список параметров формы, передаваемых на сервер, включается параметр submint_button= "OK". Внутри формы могут существовать несколько кнопок передачи.

TYPE=RESET
Создает кнопку сброса, нажатие которой отменяет все сделанные изменения, восстанавливая значения полей формы на тот момент, когда она была загружена. По умолчанию отображается в виде прямоугольной кнопки с надписью Reset. Надпись можно изменить при помощи дополнительного параметра

VALUE=название_кнопки
Значение кнопки Reset никогда не пересылается на сервер, поэтому у нее отсутствует параметр NAME.

TYPE=IMAGE
Создает элемент в виде графического изображения, действующий аналогично кнопке Submit. Дополнительные параметры:
" SRC=url_изображения

Задает URL -адрес файла с графическим изображением элемента.
" ALIGN=тип_выравнивания

Задает тип выравнивания изображения относительно текущей строки текста точон так же, как одноименный параметр тэга <IMG>.
Если на изображении элемента щелкнуть мышью, то координаты указателя мыши в виде NAME.=x=n&NAME.y=m включаются браузером в список параметров формы, посылаемых на сервер.

TYPE=HIDDEN
Создает скрытый элемент, не отображаемый пользователю. Информация, хранящаяся в скрытом поле, всегда пересылается на сервер и не может быть изменена ни пользователем, ни браузером. Скрытое поле можно использовать, например, в следующем случае. Пользователь заполняет форму и отправляет ее серверу. Сервер посылает пользователю длю заполнения вторую форму, которая частично использует информацию, содержащуюся в первой форме. Сервер не хранит историю диалога с пользователем, он обрабатывает каждый запрос независимо и при получении второй формы не будет знать, как она связана с первой. Чтобы повторно не вводит уже введенную информацию, можно заставить CGI-программу, обрабатывающую первую форму, переносить необходимые данные в скрытые поля второй формы. Они не будут видимы пользователем и, в то же время, доступны серверу. Значение скрытого поля определяется параметром VALUE.

Обсуждение всего, что связано с тематикой 16 урока.


Связь с Автором

Свои вопросы, пожелания, замечания можете задать:
С уважением, Ленар Минныханович.

Создают с нами:

  http://yurasite.narod.ru

  http://brigadir25.narod.ru

  http://u4ilka2005.narod.ru

  http://inyi.narod.ru

  http://electro20.narod.ru

  http://all5mb.narod.ru

  http://tolyattinec.narod.ru

  http://xskernel.narod.ru

  http://comingin.narod.ru

  www.mobilepincod.narod.ru

  http://yur-pechnik.narod.ru

  http://timouru.narod.ru

  http://ra4uik.narod.ru

  http://polyna3.narod.ru

  vesmirvkarmane.narod.ru

  http://vsuprunenko.narod.ru

  http://kir242.narod.ru

  http://ofiska.narod.ru

  http://muxaul.boom.ru

  http://sarzh-1.narod.ru

  http://flovers-ch.narod.ru

  kanashkevich.narod.ru

  http://bsu-305.by.ru

  http://www.ellesee.narod.ru

  supertreining.narod.ru

  spiritdrago.narod.ru

  http://piterk2006.narod.ru

  ooo-sp1c.narod.ru

  lengdon1602.narod.ru

  brodiachie-artisty.narod.ru

  http://fanrocks.narod.ru

  www.Spellen.boom.ru

  www.inta-church.narod.ru

  www.extremetourism.narod.ru

  www.irsad.narod.ru



В этой колонке, будут ссылки на ваши проекты. Которые создаете по моим урокам. Достаточно выслать на softsmm@mail.ru адрес вашего ресурса. Внимание!!! Принимаются только ресурсы, которые создаются по моими урокам, содержание, наполнение значение не имеет.
Вся информация по рассылке доступна здесь. Вы можете скачать все выпуски рассылки.

В избранное