СКРИПТЫ
ТЕГИ:
php (282)
js (149)
html (131)
css (100)
html tags (57)
edit text (39)
jquery (39)
php array (30)
form html (29)
fonts (22)
foto (21)
atom (20)
ruweb.net (20)
forum (19)
hosting (19)
board (17)
svg (17)
Показать еще :
js method (16)
html book (16)
php file (15)
link (15)
osclass (13)
htaccess (13)
color (13)
table (13)
path (12)
online (12)
php date (12)
js delete (11)
input (11)
download (11)
jsphp (11)
icon (11)
notepad (11)
yandex (10)
mouse (10)
url (10)
php img (10)
form (10)
info (9)
task (7)
comment (7)
ftp (7)
cookie (7)
php url (7)
img (7)
dosite (6)
js url (6)
hover (6)
click (6)
iframe (5)
mb (5)
chart (5)
reg.ru (5)
adminka (5)
search (5)
value (5)
php get (5)
js time (4)
select (4)
bbcode (4)
vk (4)
submit (4)
symbols (4)
browser (4)
js form (4)
js copy (4)
js id (4)
console (3)
js post (3)
scandir (3)
ucoz (3)
https (3)
ssl (3)
captcha (3)
vs code (3)
qr kod (2)
sitemap (2)
details (2)
cursor (2)
tag hr (2)
video (2)
height (2)
title (2)
js vars (2)
counter (2)
youtube (2)
seo (2)
domen (1)
archive (1)
numbers (1)
speed (1)
smile (1)
padding (1)
books (1)
google (1)
header (1)
windows (1)
money (1)

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

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

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Название скрипта :placeholder selector
Ссылка на скачивание : Все скрипты на одной странице
Теги :
select placeholder
html select placeholder
select option placeholder
css select placeholder
select placeholder html
placeholder html select

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

...
пожаловаться скопировать ссылку
11/03/2021 12:44 Serp
<details> <summary> c этими тож можно такие манипуляции делать ?
ответить
...
пожаловаться скопировать ссылку
11/03/2021 02:20 Марат Serp
Если о вложенности, то да.
Если вы о "selected disabled hidden", то...
Я эти теги никогда не использовал, поэтому, ничего сказать не могу...
ответить

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

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
17.10.2021 39:28
Давно не делал и страницу и видео в один день... чет, как-то выжитый как…
подробнее.
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
ruweb
Страница загружена за : 0.025796 секунд. Подробнее