Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ alt htmlcssphpjsblog

Как в select поставить placeholder

Поддержи проект!!! smile

placeholder select или визуальная подсказка в поле select, как сделать примеры, скачать

Placeholder для select

  1. Placeholder для select - вариант 1.
  2. Placeholder для select - вариант 2.
  3. Скачать можно здесь
  1. 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

  2. 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" возможно.


Последняя дата редактирования : 11.03.2021 13:53
Название скрипта :placeholder selector
Скрипт № 73.11Ссылка на скачивание : Все скрипты на одной странице
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Комментариев : 2 COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

11/03/2021 12:44 Serp ... Пожаловаться Скопировать ссылку
🞨
По умолчанию, текст при блокировке:
Комментарий заблокирован администратором сайта
Для изменения текста блокировки введите новый текст ниже:
Заблокировать
<details> <summary> c этими тож можно такие манипуляции делать ?
Ответить
11/03/2021 02:20 Марат Serp ... Пожаловаться Скопировать ссылку
🞨
По умолчанию, текст при блокировке:
Комментарий заблокирован администратором сайта
Для изменения текста блокировки введите новый текст ниже:
Заблокировать
Если о вложенности, то да.
Если вы о "selected disabled hidden", то...
Я эти теги никогда не использовал, поэтому, ничего сказать не могу...
Ответить
Теги:
select placeholderhtml select placeholderselect option placeholdercss select placeholderselect placeholder htmlplaceholder html select

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
29/04/2021 01:46
Реанимирована страница о "шаблонах в DREAMWEAVER"!Эта программа была основной для редактирования моих сайтов на…
подробнее.
Марат :
23/04/2021 04:35
Страница обновлена - добавлен скрипт - всё в одном. Скачивание картинку по…
подробнее.
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.