Прапорці (checkbox)
Прапорці використовують, коли необхідно вибрати два або більш за варіант із запропонованих. Іспользуєм type=checkbox
<form action="/cgi-bin/handler.cgi">
<b>З якими операційними системами ви знайомі?</b><br>
<input type=checkbox name=option1 value=a1 checked>Windows 95/98<br>
<input type=checkbox name=option2 value=a2>Windows 2000 <br>
<input type=checkbox name=option3 value=a3>Linux
</form>
Ось що виходить:
Ви можете поставити або зняти галочок у одного або відразу декількох елементів. Значення поля 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=... |
Значення визначає, що буде відправлене на сервер при вибраному пункті списку. |
Кнопка із зображенням
Кнопки із зображеннями аналогічні по дії кнопці Submit, але є малюнком. Використовуваний type=image
<form action="/cgi-bin/handler.cgi"> <table align=center> <tr><td colspan=2>Введіть ваше ім'я: <tr> <td><input type=text width=25></td> <td><input type=image src=’smile3.jpg’ width=90 height=68 border=0></td> </tr> </table> </form>
На сторінці побачимо наступне:
Картинка задається за допомогою тега scr і адрес картинки.
src=’smile3.jpg’
Таким чином, комбінуючи різні способи створення форм, ми можемо на одній сторінці розмістити декілька форм відразу. Для відокремлення одного виду форми від іншого використовуватимемо тег <fieldset>