Введение в формы

Форма - это просто область, содержащая поля. Поле формы - это объект, к которому пользователь может добавить информацию - будь то текстовая область, переключатель или раскрывающееся меню. Любая веб-форма по сути работает одинаково - пользователь заполняет некоторую информацию и отправляет кнопку. Форма необходима, если вы хотите что-то узнать о вашем пользователе - например, пусть они отправят вам почту, сохранят информацию о них в вашей базе данных и т. д.

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

В этой главе вы познакомитесь с основами создания веб-форм, а после того, как разберетесь с этим, вы сможете ознакомиться со всеми новыми функциями, которые HTML5 вводит в веб-формы, в следующей главе.

Как работает форма HTML?

Веб-форма состоит из двух частей - «внешнего интерфейса» HTML и внутреннего обработчика форм. Часть интерфейса HTML обрабатывает презентацию, а часть обрабатывает отправку форм.
Внутренняя часть формы обычно написана на таких языках, как PHP или ASP. Но не волнуйтесь, вам не нужно знать ни один из этих языков, чтобы получить рабочую форму - вы можете использовать почтовую форму, которая обычно доступна через вашего интернет-провайдера (ISP). Если нет, есть несколько бесплатных и платных услуг, и все, что вам нужно сделать, это выбрать один из ваших предпочтений.

Вот как обычно работает форма, шаг за шагом

• Пользователь посещает вашу страницу, на которой находиться форма.
• Веб-браузер пользователя отображает HTML-форму.
• Пользователь заполняет форму и нажимает отправить
• Браузер отправляет отправленные данные формы на веб-сервер
• Сценарий обработчика форм (также известный как formmail), запущенный на веб-сервере, обрабатывает данные формы
• Страница ответа отправляется обратно в браузер.