Списки, що розкриваються

Списки бувають з|із| можливістю|спроможністю| вибору одного елементу і|та| з|із| множинним|численним| вибором. Задются і|та| ті, і|та| інші за допомогою тегів <select> </select>, усередині|всередині| яких розташовуються елементи значень, заданих тегом <option>. Розглянемо|розглядуватимемо| параметри цих тегів :

<select>:

name - ім'я списку. Кожен вибраний елемент списку при передачі на сервер матиме вигляд: name.value, де значення (value) береться з|із| тега option.

size - визначає кількість видимих елементів в списку: 1 - простий список, що розкривається, більше 1 - список із|із| смугою прокрутки.

multiple - дозволяє|вирішує| вибір декількох елементів списку.

<option>:

selected - їм позначають найбільш вірогідний для вибору елемент списку, якщо список з|із| множинним|численним| вибором, то можна помітити|позначити| декілька пунктів.

value - значення, яке буде відправлено серверу, якщо пункт вибраний.

Приклад|зразок|:

<form name="forma1">

Яку мову Ви хочете вивчати:

<select name="language" size="1">

<option selected value="html">html

<option value="php">php

<option value="java">java

</select><br><br>

Які дні тижня Вас влаштують:<br>

(вибирайте з натиснутою клавішею ctrl)<br>

<select name="day" size="7" multiple>

<option selected value="mon">понеділок

<option value="tue">вівторок

<option value="wen">среда

<option selected value="thu">четвер

<option value="fri">п'ятниця

<option value="sat">субота

<option value="san">неділя

</select>

</form>

Існують ще теги <optgroup> </optgroup>, що дозволяють групувати елементи списку за якими-небудь ознаками. Наприклад, ми хочемо задати каталог сайтів у вигляді списку, тоді зручніше розбити його на групи по інтересах.

9. Написи|надписи|

Усі елементи форми можна зв'язати з|із| їх написами|надписами| за допомогою елементу <label> і його параметра for, значенням якого є ім'я елементу, з|із| яким зв'язуємо напис|надпис|. Наприклад:

<form name="forma| 1">

<label for="load|">Вибирайте файл: </label>

<input type="file" name="load" size="30">

</form>