Как в select поставить placeholder
placeholder select или визуальная подсказка в поле select, как сделать примеры, скачать
Placeholder для select
Placeholder для select - вариант 1.
Нам нужна простая реализация в коде Placeholder для select. Никаких диаметрально разных вариантов для Placeholder в select - не существует. Это всего лишь разновидность на тему, вариант №1:
Оборачиваем наш select в div:
В первом option прописываем атрибуты : "selected disabled hidden"
И получаем результат:
Пример Placeholder для select - вариант 1.
Как видим, после выбора одного из option откатиться в нулевую позицию не получится. Для этого из первой строки удаляем "selected disabled hidden"
Пример Placeholder для select - вариант 1.1
Placeholder для select - вариант 2.
Следующий вариант еще проще чем первый. А по результату аналогичен.
Опять оборачиваем наш select в div:
В первом option добавляем "style="display:none"".
value="" можно не ставить, поскольку после выбора "option" первый вариант не будет доступен.
И получаем результат:
Пример Placeholder для select - вариант 2.
Как видим - опять, после выбора одного из пунктов, откатится в нулевую точку не получится.
Давайте уберем style="display:none" :
Пример Placeholder для select - вариант 2.1.
В таком варианте, выбрать нулевую ячейку "option" возможно.
Этим вы очень поможете проекту! Заранее огромное спасибо!
