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

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

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

Что такое подсказка в поле ввода 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


Последняя дата редактирования : 21.03.2021 13:28
Название скрипта :placeholder подсказка внутри поля ввода
Скрипт № 85.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

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

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
23/07/2021 10:58
Сам офигеваю...
подробнее.
александр анатольевич таширев :
21/07/2021 02:47
прикольно
подробнее.
Марат :
17/07/2021 04:14
Рад, что помог! Приходите ещё!
подробнее.
Slomal Plintus :
16/07/2021 06:41
спасибо за ответ, очень помогло!
подробнее.
Марат :
12/06/2021 10:04
Рад, что понравилось!Приходите ещё!
подробнее.

текст_ссылки