Атрибут label для option
"Атрибут label" - атрибут label применяется для тега option, с целью замены текста в теге.
Не путать атрибут label и тег label!
Подробно об атрибуте label
Что такое "Атрибут label"
Повторим, что такое "Атрибут label"
"Атрибут label" - атрибут label применяется для тега option, с целью замены текста в теге.
Зачем заменять текст в теге option
К примеру, если у вас текст в теге "option" слишком длинный
Синтаксис атрибута " label"
Пример использования атрибута "label"
для того, чтобы продемонстрировать действие "атрибута label" нам понадобится:
Используем в качестве примера - без использования "label"
<select>
<option value="1">Иоганн Себастьян Бах</option>
<option value="2">Людвиг ван Бетховен</option>
<option value="3">Фредерик Шопен</option>
<option value="4">Михаил Клеофас Огинский</option>
</select>
Смотрим результат:
Без использования "атрибута label"
По умолчанию... мы видим стандартное поведение тега option
Пример использования "Атрибута label"
Теперь каждой строке option добавим атрибут "label".
Код примера использования "Атрибута label"
<select>
<option label="Бах" value="1">Иоганн Себастьян Бах</option>
<option label="Бетховен" value="2">Людвиг ван Бетховен</option>
<option label="Шопен" value="3">Фредерик Шопен</option>
<option label="Огинский" value="4">Михаил Клеофас Огинский</option>
</select>
Пример использования "Атрибута label"
Как видим - результат использования "Атрибута label" на следующем примере: