Назначение форм

Формы служат для обмена данными между клиентом и веб-сервером по протоколу CGI. Другими словами говоря, вы заполняете форму нажимаете кнопку, и ваши данные уходят на сервер в виде: [имя_переменной]=[значение_переменной].

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

Возникает вопрос, а обязательно ли знать CGI-программирование для того, чтобы применять формы? Ответ - CGI знать желательно, но не обязательно. Если же ваша задача только отправить данные на сервер, не обрабатывая их, то знание CGI вам и вовсе не понадобиться.

Форма задается тэгами <form></form> и состоит из управляющих элементов (текстовое поле, кнопка, список и т.д.).

Список создается тэгом <select></select>.

Для записи строк в список используется тэг <OPTION>.

Строка, отмеченная параметром selected, будет выбрана в списке по умолчанию.

Пример кода:

<select name="months" size="3">

<option>Январь

<option>Февраль

<option selected>Март

</SELECT>

Создаётся список из трёх месяцев.

Пример раскрывающегося списка:

<select name="months">

<option>Январь

<option>Февраль

<option selected>Март

</SELECT>

Другие элементы управления создаются с помощью тэга <input></input>:

Атрибуты тэга <INPUT>:

type Тип элемента управления.

name Имя элемента управления.

value Начальное значение или состояние элемента управления.

checked Установка начального значения переключателей.

size Ширина текстового поля в символах. По умолчанию 20 символов.

maxlenght Максимальное количество символов в текстовом поле.

align Выравнивание текста, около формы.

src URL графического изображения, если оно используется в элементе управлени.

Параметры атрибута <TYPE>:

text однострочное поле для ввода текста.

password аналогичен элементу управления text, но символы, вводимые в этот элемент управления, не отображаются на экране.

checkbox Элемент управления переключатель.

radio Элемент управления радиокнопка.

file Элемент управления для выбора и передачи файлов.

button Орган управления кнопка.

submit Кнопка для пересылки данных из заполненной формы веб-серверу.

reset Кнопка для сброса содержимого формы в начальное значение.

image Замена кнопки submit графическим изображением.

hidden Скрытое текстовое поле.

Еще один способ заставить форму работать - применить к ней обработку событий JavaScript. При нажатии на кнопку в ней возникает событие "OnClick", которое можно обработать написав функцию-обработчик.

Например, создадим простейшую форму, складывающую два числа по нажатию кнопки.

Создадим форму для ввода чисел:

<FORM name="calc">

<input name="val1" type="text" value="0" size="4">+

<input name="val2" type="text" value="0" size="4">

<input type="button" value=" + " onclick="adding(val1, val2)">

<input name="is" type="text" value="0">

</FORM>

И напишем функцию, получающую аргументы из полей val1 и val2 и выводящую результат в поле is:

<script language="JavaScript"> function adding(val1, val2)

{

document.calc.is.value=eval(parseFloat(document.calc.val1.value)+parseFloat(document.calc.val2.value));

}

</script>

Date: 2015-09-18; view: 480; Нарушение авторских прав