Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Опорний кнспект.doc
Скачиваний:
1
Добавлен:
30.05.2020
Размер:
9.78 Mб
Скачать

Прапорці (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>