CSS властивості
ГлавнаяАтрибути HTMLАтрибут placeholder до HTML тега <input>

Атрибут placeholder до HTML тега <input>

136

Виводить текст всередині поля форми, який зникає при отриманні фокусу або при наборі тексту. Зазвичай відображається сірим кольором.>Синтаксис

<input placeholder="<текст> ;">

Значення

Текстовий рядок. Якщо всередині рядка передбачається пробіл, його необхідно брати в подвійні чи одинарні лапки.

Значення за замовчуванням

Ні.

Приклад

<!DOCTYPE html> ;
<html>
<head>
<meta charset="utf-8">
<title>input, атрибут placeholder</title>
</head>
<body> <form action="handler.php"> <p><input type=search placeholder="Введіть текст для пошуку"> <input type="submit" value="Шукати"></p>
</form>
</body>
</html>

Результат прикладу показано на рис. 1.

Текст всередині поля для пошуку

Мал. 1. Текст всередині поля для пошуку

Браузери

10 12 10 11 5 4
2.3 4 11 5

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується із застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.

Практика

Автор та редактори

Автор: Влад Мержевич
Останнє змінення: 30.08.2017
Редактори: Влад Мержевич