html тег <select> атрибут size


Атрибут size визначає кількість видимих опцій в списку (висоту списку).

не вдалось завантажити зображення

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

автор: с3с

Нотатка

У Chrome і Safari, цей атрибут може не працювати як очікувалося для значень size="2" та size="3".

автор: с3с

Синтаксис

<select size="number">...</select>

Атрибут size може отримувати єдине значення:

number

Число видимих елементів в списку. Значення без задання дорівнює 1.

Якщо атрибут multiple присутній, то значення без задання дорівнює кількості елементів в списку.

автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1+ 1+ 1+ 3.5+ 1+ 3+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
1+ 1+ 1+ 1+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML атрибута size теґа <select>

See the Pen select.szie_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

В цьму прикладі ви можтте задати атрибут size в межах від 0 до 50.

See the Pen select.szie_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід