Я дико извиняюсь за столь длительную задержку с выпуском новой статьи! Была куча проблем, по закону пакости они пришли все сразу и, даже работая большой лопатой, пришлось потратить достаточно много времени,
чтобы эту кучу разгрести... Я также прошу прощения, если не ответил на чьи-то письма. Теперь большинство проблем (конечно не все! :-) решено, сайт снова работает и даже приобрел новую морду лица. Милости прошу в гости!
Итак, сегодня в юбилейном, СОРОКОВОМ выпуске:
1. Новости сайта:
Появился новый раздел "разное" , в котором будут публиковаться различные вспомогательные материалы. В настоящее время Вы можете найти там таблицу цветовых кодов.
Появился еще один новый раздел "ФОРМЫ", первую статью из которого я предлагаю сегодня Вашему вниманию:
Как всегда напоминаю, что не все почтовые серверы правильно интерпретируют некоторые, особенно малоупотребляемые теги, поэтому для того , чтобы увмдеть статью в "чистом" виде, лучше посетить сайт.
ФОРМЫ
HTML-формы предназначены для передачи данных от пользователя к серверу. С их помощью можно организовать простейший диалог между пользователем и сервером. Скользя по волнам интернета, Вы наверняка заполняли
какие-нибудь анкеты, где-нибудь регистрировались в качестве члена клуба, участника форума, принимали участие в каком-нибудь голосовании или оценивали какой-нибудь сайт. При этом Вы вводили в уже готовое окошко некоторый
текст, ставили точку в один из предложенных кружочков или галочку в квадратик и нажимали симпатичную кнопку. При этом данные, которые Вы ввели, передавались на сервер и обрабатывались там специальной программой. О самих
этих программах и способах передачи данных серверу разговор отдельный и состоится немного позже. А в этой статье мы рассмотрим теги, с помощью которых создаются все эти окошки, кружочки, кнопочки...
Напоминаю, что для того, чтобы посмотреть исходный код, то есть, "как это устроено", Вам нужно нажать правую кнопку мыши и выбрать "просмотр HTML-кода".
Самый "главный" тег в этом разделе - тег <FORM></FORM>. Он рассказывает браузеру, что нужно делать с данными, которые Вы вводите
в различные поля формы. Для этого у тега <FORM> есть несколько параметров. Всеми браузерами поддерживаются только три параметра:
ACTION=" " - единственный обязательный параметр. Его значением является URL-адрес CGI-программы, которая будет обрабатывать данные.
METHOD=" " - сообщает браузеру метод передачи данных. Может принимать два значения: GET (по умолчанию) и POST.
ENCTYPE= - определяет формат кодирования при передаче данных от браузера к серверу.
В документе может содержаться сколько угодно форм, но они не должны быть вложены одна в другую.
Заметьте, что сам тег FORM ничего не выводит на экран и обнаружить его можно только по действиям браузера или просматривая исходный код страницы... Для создания полей для ввода данных внутри формы применяют
теги <INPUT>, <SELECT>, <TEXTAREA>. В некоторых документах по HTML указывается, что эти теги работают только внутри тега FORM. Это не совсем так. То есть, без тега FORM они прекрасно создают те же прямоугольнички и
кружочки, что и внутри формы. Другое дело, что данные из этих полей, конечно, никуда не отправятся, если нет самой формы .
Итак, что же мы можем делать с помощью этих тегов?
Тег <INPUT> - Генерирует поля для ввода строки текста, пароля, различные кнопки и так далее. Закрывающий тег не нужен. Имеет два обязательных параметра: TYPE - определяет тип
создаваемого элемента и NAME - определяет имя создаваемого поля для идентификации данных при передаче серверу.
Типы создаваемых полей:
TYPE=TEXT - создает элемент для ввода строки текста:
параметры: SIZE=n - определяет количество отображаемых знаков, то есть длину создаваемого поля. MAXLENGTH=n - задает максимальное количества вводимых в поле знаков. Можно не употреблять, тогда количество вводимых знаков будет неограниченно. VALUE= - первоначальное значение поля (для подсказки не очень сообразительным посетителям :-).
TYPE=PASSWORD - создает поля для ввода текста, которое отличается от предыдущего только тем, что вводимые значения отображаются на экране звездочками.
Внимание! - Поле PASSWORD защищает данные только от посторонних глаз, которые могут смотреть на экран монитора! На сервер данные передаются в НЕзашифрованном виде!
TYPE=FILE - создает поле для ввода имени локального файла, который необходимо куда-то послать. Сопровождается созданием кнопки "Обзор":
TYPE=CHECKBOX - Создает поле для установки флажка ВКЛ/ВЫКЛ. Элементы CHECKBOX можно обьединить в группу, установив одинаковое значение параметра NAME:
Какие программы Вы используете при создании HTML-документов?
- Блокнот
- FrontPage
- Специальные редакторы HTML
- Другие
- Я вообще не занимаюсь такими глупостями!
Имеет параметры: NAME= VALUE= - обязательный. Значение, которое будет передано серверу, если кнопка будет выбрана. CHECKED - Если этот параметр указан, элемент является выбранным по умолчанию.
TYPE=RADIO - Создает элемент-переключатель в составе группы, из которых может быть выбран только один:
Ваш возраст:
- Меньше 20
- От 20 до 30
- От 30 до 40
- От 40 до 50
- Более 50
Параметры те же, что и у CHECKBOX.
TYPE=SUBMIT - Создает кнопку передачи, нажатие которой вызывает пересылку содержимого формы на сервер.
или или - по Вашему желанию.
TYPE=RESET - Создает кнопку сброса, нажатие которой приводит форму в первоначальный вид, т.е. в то
состояние, в котором она была до того, как Вы приложили к ней свои руки:
или или
TYPE=IMAGE - Создает элемент в виде графического изображения, действующий аналогично кнопке "SUBMIT":
Обязательным параметром является IMG, значением которого является URL файла с картинкой.
TYPE=HIDDEN - Создает скрытый элемент не показываемый пользователю. Информация, хранящаяся в скрытом поле, всегда
пересылается на сервер и не может быть изменена ни пользователем, ни браузером. Применяется при обработке нескольких форм, поочередно отправляемых пользователю и
каким-либо образом связанных между собой.
Тег-контейнер <SELECT> - Создает выпадающее меню:
Где Вы живете? (выбрать):
Параметры:
SIZE - Устанавливает число одновременно видимых элементов.
NAME - обязательный параметр. Необходим для идентификации данных при передаче на сервер.
MULTIPLE - Указывается, если из меню или списка можно выбирать одновременно несколько значений.
Внутри тега <SELECT> элементы задаются с помощью тега <OPTION>, который имеет параметры VALUE и SELECTED.
Тег-контейнер <TEXTAREA> создает поле для ввода многострочного сообщения:
Параметры: NAME - обязательный параметр, используемый для идентификации данных при пересылке на сервер. COLS=n(число - количество знаков) - задает ширину окна. ROWS=n(число - количество строк) - задает высоту окна.
Между тегами <TEXTAREA> и </TEXTAREA> можно поместить текст, который будет отображаться по умолчанию.
Вот такие есть возможности для построения разнообразных форм общения клиента с сервером. Кстати, эти теги необязательно применять по прямому назначению,
если их дополнить небольшими скриптиками, то с их помощью можно сделать много интересных штучек. Но об этом как-нибудь в следующий раз...
Интересующимся заработком в сети: В мае получены деньги от почтовиков: EmailsForCash;
themailclub; кликовых: linkburst;
theclickvault; webewebin и конечно же ежедневные поступления на Е-голд от несравненной :-)
goldsalary. Подробно прочесть об этом можно здесь и
здесь.
Как всегда, приглашаю Вас посетить Свой сайт - это очень просто!.
И, как всегда, Вы можете задавать мне любые вопросы.
Всего Вам доброго. Сергей Червонящий.