Как в select поставить placeholder
Placeholder для select
Placeholder для select - вариант 1.
Нам нужна простая реализация в коде Placeholder для select. Никаких диаметрально разных вариантов для Placeholder в select - не существует. Это всего лишь разновидность на тему, вариант №1:Оборачиваем наш select в div:
<div class="select"></div>
В первом option "selected disabled hidden"
<option selected disabled hidden>Выберите</option>
И получаем результат:
Пример Placeholder для select - вариант 1.
Как видим, после выбора одного из option откатиться в нулевую позицию не получится. Для этого из первой строки удаляем "selected disabled hidden"
Пример Placeholder для select - вариант 1.1
Placeholder для select - вариант 2.
Следующий вариант еще проще чем первый. А по результату аналогичен.
Опять оборачиваем наш select в div:
<div class="select"></div>
В первом option добавляем "style="display:none"".
value="" можно не ставить, поскольку после выбора "option" первый вариант не будет доступен.
<option value="" style="display:none"</option>
И получаем результат:
Пример Placeholder для select - вариант 2.
Как видим - опять, после выбора одного из пунктов, откатится в нулевую точку не получится.
Давайте уберем style="display:none" :
Пример Placeholder для select - вариант 2.1.
В таком варианте, выбрать нулевую ячейку "option" возможно.
Последняя дата редактирования : 22.01.2021 00:41
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
select placeholder html select placeholder select option placeholder css select placeholder select placeholder html placeholder html select
