Формы. 
Создание WEB-страниц c помощью языка HTML

Формирование элементов управления

Один из интерактивных элементов — гиперссылки — был уже рассмотрен. Однако гиперссылки не позволяют организовать обратную связь с пользователем. Для этих целей в HTML предусмотрены другие виды интерактивного взаимодействия. Одна из них — это формы, к которым относится набор простейших элементов управления, таких как кнопки, переключатели, поля ввода и тому подобное. Данные из форм отсылаются на сервер или обрабатываются при помощи Java-скриптов на самой странице. Форма — не единственный способ организации интерактивного взаимодействия, но один из самых простых.

Элемент предназначен для формирования большого количества элементов управления в формах. Сюда относятся текстовые поля, поля ввода пароля, флажки, переключатели, кнопки, скрытые элементы. Они все, как правило, используются ввода данных в форму. Форматирование элементов формы (выравнивание, шрифты, цвет и пр.) осуществляется только через изменение стиля.

В примере 3.1 приведено использование элемента с различными атрибутами (рис. 3.1).

Строка 7. Выводится текст «Ввод текста», а за ним поле ввода текста, в котором отображается текст, заданный по умолчанию в атрибуте value. Именно этот текст будет подвергаться редактированию.

Строка 9. Аналогично формируется поле для ввода пароля. Слово «enter», заданное по умолчанию, выводится звездочками.

Стандартные атрибуты HTML не предоставляют возможности управлять отображением элементов форм (фон, выравнивание, шрифт и т. д.). Это возможно при использовании стилей.

Например, в строке 7 в поле ввода сразу после отображения выводится текст «текст по умолчанию», который выравнивается по левому краю.

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

Строки 11, 12. Выводятся флажки, второй из которых по умолчанию отмечен. Могут быть выбраны оба флажка.

Строки 15, 17, 19. Выводятся однотипные радиокнопки, из которых по умолчанию выбрана вторая (в строке 17 в элементе установлен флажок — атрибут checked). Кнопки объединены общим именем name="radio1″ и из них может быть выбрана только одна.

Строка 21. Организуется поле для ввода имени файла, рядом с которым — кнопка для вызова стандартного диалога.

Строка 23. «Подпольный» элемент не выводится, но при отправке данных значения его параметров могут передаваться.

Строка 25. Выводится простая кнопка, надпись на которой легко изменить.

Строка 27. Выводится кнопка «отправить» (определяются данные).

Строка 28. Выводится кнопка «очистить». Ее нажатие вернет форму в начальное состояние.