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

Как сделать подсказку в input/textarea

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

Что такое подсказка в поле ввода input/textarea , как сделать текст в виде подсказки в поле ввода!? Или может наоборот - удалить подсказки!? Или сделать всплывающую подсказку для поля ввода!?

Давайте разбираться! О каких подсказках идет речь и как с ними работать!?

Все об атрибуте placeholder

  1. Что такое placeholder -> как отключить!?
  2. Всплывающая подсказка при наведении мышки
  3. Как отключить подсказки автозаполнения!?
  4. Скачать можно здесь
  1. Что такое placeholder

    Placeholder это подсказка в поле ввода, это может быть одинарный тег input или двойной textarea, который сообщает информацию пользователю.

    Исчезает при получении фокуса.

    Как используется placeholder в поле ввода input пример

    Для первого примера использование подсказки placeholder возьмем поле ввода input:
    <input placeholder="пример текста внутри placeholder, поля input">

    Результат вывода подсказки внутри тега input :

    Для второго примера возьмем двойной тег textarea и добавим ему атрибут подсказки placeholder с текстом:

    <textarea placeholder="пример текста внутри placeholder, поля textarea""></textarea>

    Результат вывода подсказки внутри тега textarea

    Для того, чтобы подсказка исчезла... напечатайте любой символ в поле ввода...

    Как удалить подсказку в поле ввода placeholder

    Для отключения подсказки placeholder -. нужно найти ваше поле ввода и удалить данный атрибут!

  2. Всплывающая подсказка при наведении мышки

    Как сделать всплывающую подсказку при наведении -Ю для этой цели существует отдельный атрибут, который ставится как выше приведенный пример подсказки в поле ввода! Данный атрибут называется "title"
    title="текст всплывающей подсказки"

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

    текст которой вы можете изменить по своей необходимости!

    Пример использования всплывающей подсказки в поле ввода input

    Возьмем выше приведенный пример поля ввода input и добавим ему всплывающую подсказку:

    <input placeholder="Наведи мышку на меня!" title="Всплывающая подсказка при наведении на input">

    Результат использования всплывающей подсказки в поле ввода input

    Для того, чтобы всплывающая подсказка сработала -> наведите на поле ввода:

    Результат вывода всплывающей подсказки внутри тега textarea

    Тоже самое проделаем с textarea -> добавим всплывающую подсказку...

    Если интересно: Я как-то делал отдельную страницу о стилизации title

  3. Как отключить подсказки автозаполнения!?

    04/05/2020 wall

    Первый вопрос - если вы хотите удалить автозаполнение для себя лично в своем браузере, то идем -> настройка -> настройки автозаполнения -> отключить автозаполнение полей! Нахождение настроек в каждом браузере отличаются...

    Если вы хотите отключить подсказки автозаполнения у себя на сайте, то ответ :

    Стандартными методами -> НИКАК, если один вариант сработает в одном браузере в другом браузере обязательно не будет работать и наоборот! Делал несколько подходов к этой теме единственный возможный вариант -> использование вместо поля ввода div c атрибутом contenteditable


Вас может еще заинтересовать список тем : #HTML | #FORM | #PLACEHOLDER |
Последняя дата редактирования : 2020-05-11 12:13
Название скрипта :placeholder подсказка внутри поля ввода
Скрипт № 77.3
Пример
Ссылка на скачивение: Все скрипты на одной странице
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
текст внутри input текст внутри поля inputinput html текст внутри текст внутри input cssinput подсказка html input подсказка input убрать подсказки input всплывающая подсказка input text подсказка input отключить подсказки input текст подсказка input подсказка внутри html input text подсказка input подсказка при наведении подсказка в поле input css убрать подсказки input input type text подсказка в поле html input убрать подсказки html отключить подсказки input

Последние комментарии :
Марат :
21/10/2020 12:15
Поиск по словам... м...м... может быть... не задумывался... в принципе скрипт поиска есть, надо подумать, как это…
подробнее.
Anton :
21/10/2020 09:29
Как добавить картинку (с ПК), видео (с хостинга или ПК) ?Будет ли поиск по словам в комментариях…
подробнее.
Марат :
15/10/2020 03:29
Сегодня нам дали очередную десяточку к "ИКС" - у, теперь…
подробнее.
Марат :
15/10/2020 03:16
Здравствуйте. Первое, что на ум пришло по вашему вопросу:Найти первое повторяющееся слово и выделить…
подробнее.
Майя :
15/10/2020 11:14
Добрый день, не могли бы вы подсказать, как выделить только первое или, например , только второе одинаковое…
подробнее.