1. Список, що розкривається:

<select name="spisok1"> - тег - список з ім'ям

<option value="0"> pen</option> - елемент списку, що висвічується у вікні списку

<option value="1"> pencil</option>

<option value="2"> book</option>

</select>

2. Поле - список

<select name="spisok2" size="3">поле з ім'ям і кількістю рядків, які одночасно відображаються (три)

<option value="0"> red</option>

<option value="1"> green</option>

<option value="2"> black</option>

<option value="3"> brown</option>

<option value="4"> blue</option>

<option value="5"> white</option>

</select>

3. Список із множинним вибором

<select name="spisok3" size="2" multiple> - включає режим вибору декількох елементів.

<option value="0"> red</option>

<option value="1"> green</option>

<option value="2"> black</option>

<option value="3"> brown</option>

<option value="4"> blue</option>

<option value="5"> white</option>

</select>

Тег <Option> може мати наступні атрибути:

• selected – встановлює початкове виділення в списку (якщо атрибут не встановлений ні для одного тегу <Option>, то не буде виділених елементів;

• value – вже розглядався.

• Елементи керування можна зв'язати з написами або згрупувати. Для створення написів, пов'язаних з елементами керування (прапорцями, перемикачами й ін.), в Internet Explorer 4.0 і більше пізніх версіях є тег <LABEL>

OPTGROUP необхідний - для використання в ієрархічному меню

<!ELEMENT OPTGROUP - - (OPTION)+ -- група опцій -->

Початковий тег: необхідний, Кінцевий тег: необхідний

Визначення атрибуту елементу OPTGROUP - визначає лейбл для групи опцій.

Примітка. Елементи OPTGROUP можуть бути вкладеними. Це дозволить авторам визначати можливість складнішого вибору.

Приклад :

<body>

<form>

<select name="year">

<optgroup label="2007">

<option value="a1" label="холода">зима </option>

<optgroup label="зима" >

<option value="a21" label="тепло" >декабрь</option>

<option value="a31" label="жарко">январь</option>

<option value="a41" label="прохладно">февраль</option>

</optgroup>

<optgroup label="весна" >

<option value="a2" label="тепло">март</option>

<option value="a3" label="жарко">апрель </option>

<option value="a4" label="прохладно">май</option>

</optgroup>

<option value="a3" label="жарко">лето </option>

<option value="a4" label="прохладно">осень</option>

</optgroup>

</select>

</form>

</body>

Зв'язування написів з перемикачами:

<input type="radio" id="a1" name="otpusk"> <label for="a1"> Na more</label>

тут

id - ім'я ідентифікатора <label> - мітка

for – ідентифікатор, що встановлює зв'язок між міткою й елементом керування.

Оформлення списків за допомогою властивостей стилів

<option style="background: red; color: white" value="0"> - фон та колір можна міняти в кожному елементі списку.

Групування елементів керування <fieldset>

Щоб сторінка або форма мала закінчений вигляд, елементи повинні бути розподілені по групах. Тег <FIELDSET> - групує об'єкти.

Тег <LEGEND> - вводить напис, що поміщається в розрив рамки

Наприклад

<fieldset>

<p></p>ANKETA <p></p>

<legend> FIO </legend>

familia: <input type="text" name="ank" id="f"><p></p>

imya <input type="text" name="ank" id="I">

</fieldset>