4.3. Формы html

Форма – позволяет принять информацию от пользователя и передать ее для обработки серверу. Код формы заключается внутри тегов <form> и </form>. Скрипт обработки полей формы определяется параметром action, метод передачи – параметром method, а тип кодирования – параметром enctype. Рассмотрим пример:

<form action="/my.php" method="get">

Имя: <input type="text" name="name" /><br />

Емейл: <input type="email" name="email" /><br />

<input type="submit" value="Go" />

</form>

Активные элементы формы предназначены для ввода данных. Большинство активных элементов формы описывается дескриптором <input>, а их вид определяется значением параметра type. Значением атрибута type тега <input> в HTML может быть: type= text – определяет поле ввода в одну строку; type=file – поле ввода и кнопку "Browse..." для загрузки файлов; type=hidden – скрытое поле ввода; type=image – изображение как кнопка отправки; type=password – поле пароля; type=radio – определяет флажок радио; type=checkbox – флажок; значения submit, reset и button определяют кнопки различных видов; type=reset – определяет кнопку сброса данных; type=submit – определяет кнопку "Отправить" для отправки данных формы на сервер; type=button – интерактивные кнопки для активирования скрипта JavaScript. Кроме type у каждого активного элемента формы есть параметры – name и value. Первый определяет имя поля, второй – значение, которое передается через элемент.

Дескриптор <textarea> позволяет создавать поля ввода массивов строк, в которые можно вводить произвольный текст. Еще один распространенный элемент – раскрывающийся список – создается с помощью конструкции, образуемой тегами <select> и <option>. Первый заключает в себе весь список, вторые предназначены для создания отдельных пунктов. Списки, сделанные таким образом, могут состоять из любого количества строк (если в списке только одна строка, то он является «раскрывающимся»), а также, в зависимости от параметра multiple, позволяют выбрать один или несколько элементов.

Данные, вводимые посредством формы, могут передаваться по электронной почте или непосредственно программе-обработчику. Для обработки таких данных могут использоваться сценарии на языке JavaScript или PHP.

<!-- Пример pr16: простая форма и элементы checkbox и radio-->

<html>

<head><title> Простая форма, checkbox и radio </title></head>

<body>

<h2> Простая форма</h2>

<form action="/my.php" method="get">

street:<input name="street"/><br>

city : <input name="city" size="20" maxlength="20" value="minsk"/> <br>

zip : <input name="zip" size="5" maxlength="5" value="99999"/><br>

<input type="submit" value="Go" />

</form>

<hr>

<h2> Ваша любимая команда</h2>

<form><!--Выбор одной или нескольких команд -->

<input type="checkbox" name="team" value="шахтеры"/>шахтеры<br>

<input type="checkbox" name="team" value="ковбои"/>ковбои<br>

<input type="checkbox" name="team" value="викинги"/>викинги<br>

</form>

<hr>

<h2> Какая из команд самая любимая?</h2>

<form><!--Выбор только одной из нескольких команд -->

<input type="radio" name="team" value="шахтеры"/>шахтеры <br>

<input type="radio" name="team" value=" ковбои"/> ковбои <br>

<input type="radio" name="team" value="викинги"/>викинги <br>

</form>

<hr>

<h2> Какая из команд наиболее любимая?</h2>

<form>

<select name=" team ">

<option> Шахтеры</option>

<option> Ковбои</option>

<option selected> Викинги</option>

</select>

</form>

</body></html>