{"id":13505,"url":"\/distributions\/13505\/click?bit=1&hash=ca3734639136826288c9056e5c8fa03a05e87c4060ae84df200f2c90f5262470","title":"\u0412\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a? \u0410 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0447\u0442\u043e-\u0442\u043e \u0432 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435 \u043a\u043e\u0434\u0430?","buttonText":"\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c","imageUuid":"f5f0e11f-fefd-52f5-8712-82164a59b7ce","isPaidAndBannersEnabled":false}
webfrontden

Как убрать пустой тег Option в Select

В данной мини статье, для начинающих изучать веб-разработку, описывается то, как сделать меню выбора (тег Select) пустым по умолчанию и скрыть пустой тег Option в меню выбора опций.

Если вам необходимо создать выпадающий список (тег select), у которого по умолчанию не выбрано ничего, то вам достаточно создать тег option и прописать ему атрибуты html selected disabled.

<option selected disabled></option>

Отображение выпадающего списка без атрибута hidden

Если вы хотите, чтобы в вариантах выбора пустой option не было видно, самым оптимальным вариантом будет дописать тегу атрибут hidden.

<option selected disabled hidden></option>

Отображение выпадающего списка с атрибутом hidden

Существует также способ скрытия пустого тега option в вариантах выбора с помощью css, для этого тегу option пропишите в стилях display:none;

P.s Инлайновые стили использовались лишь для демонстрации, в обычных проектах пожалуйста используйте каскадные таблицы стилей (css)

Отображение выпадающего списка без атрибута hidden и без display: none;
Отображение выпадающего списка без атрибута hidden и с display: none;

Если у вас остались вопросы, критика или комментарии - обязательно напишите мне, я с радостью отвечу вам.

А сейчас я прощаюсь и желаю вам хорошего дня!

Денис

0
Комментарии
Читать все 0 комментариев
null