Формы HTML

Использование HTML форм очень важно для осуществления взаимодействия между пользователем и сайтом. Формы позволяют пользователям произвести выбор, отправить информацию или загрузить файлы на сайт.

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

Для создания форм используется особый html-контейнер <FORM></FORM>. Тег <FORM> имеет ряд атрибутов, из которых наибольшее значение имеют action и method. При помощи этих атрибутов задается способ отправки данных серверу.

Атрибут action указывает адрес расположения файла, который будет обрабатывать данные формы. Это может быть программа, написаная на языке программирования (PHP, ASP/ASP.NET) или исполняемая программа (EXE, DLL).

Атрибут method может принимать следующие значения: GET и POST.

При использовании метода GET данные формы передаются непосредственно в адресной строке (там, где вы вводите адрес сайта) в качестве параметров. Так, например, поисковик Яндекс передает строку запроса непосредственно в строке адреса, отделяя ее от адреса страницы знаком вопроса.

Метод POST передает данные на сервер в виде пакетного запроса, невидимого пользователю, что намного надежнее и используется при передаче конфиденциальной информации.

Основные элементы формы

Подавляющее большинство элементов форм создается посредством использования элемента <INPUT>, имеющего обязательные атрибуты: name - задает имя элементу формы, которое потребуется для последующей обработки, и type - определяет тип элемента формы

Строка ввода	<input type="text" size="20" name="T1" value="значение">
Строка ввода пароля	<input type="password" size="20" name="T2">
Переключатели	<input type="radio" name="sex" value="male" checked="checked"> мужчина <input type="radio" name="sex" value="female"> женщина	мужчина женщина
Флажки (значение checked указывает выбранный элемент)	<input type="checkbox" name="computer" checked> Компьютер <input type="checkbox" name="notebook"> Ноутбук <input type="checkbox" name="printer"> Принтер	Компьютер Ноутбук Принтер
Файл	<input type="file" size="30">
Список выбора (если значение size не указано, отображается раскрывающийся список)	<select name="notebook" size=6> <option value="aser">Aser <option value="asus">Asus <option value="compaq" selected="selected">Compaq <option value="hp">HP <option value="sony" selected="selected">Sony <option value="toshiba">Toshiba </select>
Текстовая область	<textarea rows="2" cols="20"> текст </textarea>	текст
Блоки	<fieldset> <legend>Личные данные</legend> Имя: <input type="text" name="firstname" value="Билл"> <br> Фамилия: <input type="text" name="lastname" value="Гейтс"> <br> Пол: <input type="radio" name="Sex" value="Male" checked> Мужской <input type="radio" name="Sex" value="Female"> Женский </fieldset>	Личные данные Имя: Фамилия: Пол: Мужской Женский
Кнопки возможные значения submit - передает форму на сервер reset - очищает форму button - пользовательская форма, как правило, вызов скрипта	<input type="submit"> <input type="submit" value="Сохранить">

Конечно, интерактивность сайта - вещь необходимая. Посетитель должен иметь возможность отправить свой отзыв, прочитать чужие. Для таких целей используют форумы, доски объявлений. Сделать самостоятельно очень сложно. Можно взять уже готовое решение и адаптировать его под себя. Можно, но даже поменять дизайн в соответствии с дизайном вашего сайта - занятие не для слабонервных. Вы можете использовать уже готовые простые решения, например, использовать инструменты комментирования социальной сети ВКонтакте. Именно такое решение я выбрал для этого сайта.

В следующей статье пойдет речь об использовании таблиц стилей.