Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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 подсказка внутри поля ввода
Скрипт № 76.3
Пример
Ссылка на скачивение: Все скрипты на одной странице
https://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

Последние комментарии :
Марат :
08/08/2020 08:59
Нам в очередной раз добавили десяточку, теперь у нас …
подробнее.
Марат :
02/08/2020 12:22
Никогда не задавался такой целью, сделать "клик без onclick"!Как мне кажется, "onclick" и придумали, чтобы отследить…
подробнее.
Darya :
01/08/2020 10:52
А можно сделать клик без…
подробнее.
Марат :
12/07/2020 11:14
Превратите код в html…
подробнее.
Владимир :
11/07/2020 10:29
Строка не прошла, как ее написать…
подробнее.