Чи часто Ви відвідуєте цей сайт?

<select name="frequency">

<option selected="selected" value="first">Bnepшe</option>

<option value="monthly">Щомісяця</орtion>

<option value="weekly">Щотижня</орtion>

<option value="daily">Щодня</option>

</select>

Існує ще і такий атрибут, як size, за допомогою якого можна установити кількість показуваних рядків. Просто замініть перший рядок приклада, що написаний раніше, на: <select name="frequency" size="4">

У першому прикладі наведення мишки на меню приводить до «вискакування» декількох рядків. В другому прикладі ці рядки (кількість яких установлюється параметром size) з'являються на екрані відразу ж після завантаження сторінки.

Але що робити, якщо виникне необхідність вибрати кілька пунктів меню одночасно? Для цього існує спеціальний атрибут елемента <select>. Синтаксис наступний: multiple="multiple". Він змушує меню завжди виглядати як прокручуваний список, незалежно від того, яке значення привласнене атрибуту size, (size опускати все рівно не можна, оскільки з його допомогою визначається, скільки рядків буде в списку.) Як приклад розглянемо наступний код:

<р> Про що б ви хотіли довідатися зі статей, що публікуються на нашому сайті? (Виберіть усе,що вас цікавить)</р>

<select name="topics" multip1e="multiple">

<option value="upgrade"> Відновлення комп'ютерів </option>

<option value="repair"> Ремонт комп'ютерів </option>

<option value="apps"> Практичні ради користувачам </option>

<option value="tricks"> Маленькі хитрощі </option>

<option value="news"> Новини комп'ютерної індустрії </option>

<option value="rumor"> Огляди новинок </option>

<option value="none" selected="se1ected"> Нічого з перерахованого </option>

</select>

У даному випадку користувач може вибрати стільки пунктів, скільки захоче. А може і нічого не вибрати.

Перш ніж закінчити розмову про елемент <select> і про меню взагалі, згадаємо ще дещо. Існує, наприклад, елемент <optgroup>. Він дозволяє групувати кілька пунктів меню усередині одного <select>. Розгляньте уважно наступні приклади:

<р> Про що б ви хотіли б довідатися зі статей, що публікуються на нашому сайті? (Виберіть усе, що вас цікавить)</р>

<select name="topics" multiple="multiple">

<option value="upgrade"> Відновлення комп'ютерів </option>

<option value="repair"> Ремонт комп'ютерів </option>

<option value="apps"> Практичні ради користувачам </option>

<option value="tricks"> Маленькі хитрощі </option>

<option value="news"> Новини комп'ютерної індустрії </option>

<option value="rumor"> Огляди новинок </option>

<option value="none" selected="selected"> Нічого з перерахованого </option>

</select>

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

<р> Про що б ви хотіли б довідатися зі статей, що публікуються на нашому сайті? (Виберіть усе, що вас цікавить)</р>

<select name="topics" size="15" multiple="multiple">

<optgroup label="Залізо">

<option value="upgrade"> Відновлення комп'ютерів </option>

<option value="repair"> Ремонт комп'ютерів </option>

</optgroup>

<optgpoup label="Програми">

<option value="apps"> Практичні ради користувачам </option>

<option value="tricks"> Маленькі хитрощі </option>

</optgroup>

<optgroup label="Новини">

<option value="news"> Новини комп'ютерної індустрії </option>

<option value="rumor"> Огляди новинок </opt1on>

</optgroup>

<option value="none" selected="selected"> Нічого з перерахованого </option>

</select>

Майте на увазі, що далеко не всі браузери знають, що таке <optgroup>. Утім, нічого страшного в цьому немає — у крайньому випадку результатом буде звичайний список без підзаголовків.