Всплывающая подсказка для input text

@Cdelphi78 · Регистрация: 21.02.2014

Author24 — интернет-сервис помощи студентам

Здравствуйте! Как сделать всплывающюю подсказку для input text Вроде какой то атрибут дефолтный есть но я не помню.

@mrtoxas · 28.06.2016, 11:12

Обязательно всплывающую? Есть стандартный placeholder

HTML5

1	<input type="text" name="hint" placeholder="Cdelphi78">

@Cdelphi78 · 28.06.2016, 11:37 **[ТС]**

Это да но есть еще вплывающая подсказка я не знаю как ее сделать alt вроде не работает

Добавлено через 1 минуту
При наведении, можно конечно с css возиться, но разве нет дефолтного решения?

@mrtoxas · 28.06.2016, 11:53

Alt ставится изображениям, чтобы выводить заданный текст, если изображение не загрузится по каким-то причинам. Стандартной всплывающей подсказки нет. Можно на сcs заморачиваться, можно и на js.

Добавлено через 13 минут

CSS

.input-wrapper {
    display: inline-block;
    position: relative;
   }
   .input-wrapper:hover:after {
    content: attr(data-title);
    position: absolute;
    left: 90%; top: 50%;
    z-index: 1;
    background: #ffffcc;
    font-size: 11px;
    padding: 5px 10px;
    border: 1px solid #000;
    box-shadow: 5px 5px 8px 0px rgba(119, 119, 119, 0.64);
    -moz-box-shadow: 5px 5px 8px 0px rgba(119, 119, 119, 0.64);
    -webkit-box-shadow: 5px 5px 8px 0px rgba(119, 119, 119, 0.64);
   }

HTML5

1
2
3

<div class="input-wrapper" data-title="Cdelphi78">
  <input type="text" />
</div>

@Jewbacabra · 28.06.2016, 12:14

HTML5

1	<input type="text" title="tooltip">

@Ueht · 28.10.2019, 05:25

Я знаю это старый вопрос, но возможно кому-то поможет: надо прописать title="Всплывающая подсказка" для label этого инпута и всё)

@AlexZaw · 28.10.2019, 15:51

Не по теме:

Ueht, так то еще три года назад был дан полный ответ на этот вопрос... Или сообщения набиваете?

@Ueht · 31.10.2019, 12:20

Я вот такими ответами себе сообщения набиваю.

Смысл писать div со стилями вокруг инпута в форме, если можно поставить label и все заработает. Я из поиска вообще сюда попал, сам искал ответ, увидел огромный css-код и понял, что это бред. Еще предложение с js заморочиться... Решил добавить нормальное решение, когда придумал.

HTML5

1
2
3

<label title="Всплывающая подсказка">
<input type="text"> 
<label>

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
		1
	Всплывающая подсказка для input text 28.06.2016, 11:03. Показов 33513. Ответов 7 Метки нет (Все метки) Здравствуйте! Как сделать всплывающюю подсказку для input text Вроде какой то атрибут дефолтный есть но я не помню. 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	28.06.2016, 11:37 [ТС]	3
	Это да но есть еще вплывающая подсказка я не знаю как ее сделать alt вроде не работает Добавлено через 1 минуту При наведении, можно конечно с css возиться, но разве нет дефолтного решения? 0

@Ueht 1 / 1 / 0 Регистрация: 04.10.2019 Сообщений: 9
	28.10.2019, 05:25	6
	Я знаю это старый вопрос, но возможно кому-то поможет: надо прописать title="Всплывающая подсказка" для label этого инпута и всё) 0

@AlexZaw
	28.10.2019, 15:51 #7
	Не по теме: Ueht, так то еще три года назад был дан полный ответ на этот вопрос... Или сообщения набиваете? 0

	31.10.2019, 12:20