Кнопка submit

При натисненні на кнопку SUBMIT дані форми вирушають на сервер і обробляються програмою, вказаною параметром action тега form. Используем type=submit Наприклад,

<tr><td> <form action="/cgi-bin/handler.cgi"> <p><input type=submit value="Отправить дані">

На сторіночці ми побачимо наступне:

Начало формы Конец формы

Кнопка reset

При натисненні на цю кнопку, дані форми повертаються в первинне значення. Використовуваний type=reset

Приклад коди

<form action="/cgi-bin/handler.cgi"> <input type=text width=20> <input type=reset value="Сбросить данные"> </form>

Відображення на сторіночці

Начало формы Конец формы

Спробуйте вписати дані і скинути їх!

Прапорці (checkbox)

Прапорці використовують, коли необхідно вибрати два або більш за варіант із запропонованих. Використовуваний type=checkbox

<form action="/cgi-bin/handler.cgi"> <b>С якими операційними системамы ви знайомі?</b> <input type=checkbox name=option1 value=a1 checked>Windows 95/98 <input type=checkbox name=option2 value=a2>Windows 2000 <input type=checkbox name=option3 value=a3>Linux </form>

Ось що виходить:

З якими операційними системамы ви знайомі? Windows 95/98 Windows 2000 Linux Конец формы

Ви можете поставити або зняти галочок в одного або відразу декількох елементів. Значение поля value= визначає, що буде відправлене на сервер при поставленій галочці. Останні параметри аналогічні параметрам кнопок.

Перемикачі (radiobutton)

Перемикачі використовують, коли необхідно вибрати один єдиний варіант із запропонованих. Використовуваний type=radio

<form action="/cgi-bin/handler.cgi"> <b>Какое пора року Ви більше любите? :-)</b> <input type=radio name=answer value=a1>Весну <input type=radio name=answer value=a2>Лето <input type=radio name=answer value=a3>Осень <input type=radio name=answer value=a4>Зиму </form>

На сторіночці можна буде побачити наступне:

Яка пора року Ви більше любите? :-) Весну Лето Осень Зиму Конец формы

Тобто, використовуючи радіокнопки Ви можете вибрати лише одне значення. Спробуйте :-)

Поле із списком

У спадаючому списку можна вибирати одне або декілька значень. Зробимо вибір пори року за допомогою спадаючого списку. Поля вибору починаються тегом <select> і закінчуються </select> Кожне вибиране поле поміщене в теги <option> і </option >

Приклад:

<form action="/cgi-bin/handler.cgi"> <b>Какое пора року Ви більше любите? :-)</b> <p align=center> <select name= час года> <option>Весну</option> <option>Лето</option> <option>Осень</option> <option>Зиму</option> </select> </form>

На сторіночці побачимо наступне:

Яка пора року Ви більше любите? :-) Конец формы

Для списків використовуються наступні параметри:

Параметр select	Опис
name=...	Ім'я поля. Призначено для того, щоб обробник форми міг ідентифікувати це поле.
size=...	Кількість видимих рядків. За умовчанням один рядок.
multiple	Цей параметр дозволяє вибрати відразу декілька рядків. Вибір робиться за допомогою клавіші Control або Shift.
Параметр option	Опис
selected	Видиме поле за умовчанням.
value=...	Значення визначає, що буде відправлене на сервер при вибраному пункті списку.