English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML input placeholder attribute определяет краткое описание ожидаемого значения поля ввода (например, пример значения или краткое описание ожидаемого формата). Краткое описание отображается в поле ввода input до ввода пользователем значения.
Два поля input с текстом placeholder:
<!DOCTYPE html> <html> <head> <title>HTML:<input> placeholder attribute - Сайт основного руководства(oldtoolbag.com)</title> <body> <form action="action_page.php"> <input type="text" name="fname" placeholder="Имя"><br> <input type="text" name="lname" placeholder="Фамилия"><br> <input type="submit" value="Submit"> </form> </html>Протестируйте, чтобы увидеть ‹/›
Цвет текста placeholder также можно определить.
Цвет текста placeholder устанавливается:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Сайт основного руководства(oldtoolbag.com)</title> </head> <body> <form action="demo-form.php"> <input type="text" name="fname" placeholder="Имя"><br> <input type="text" name="lname" placeholder="Фамилия"><br> <input type="submit" value="Подтвердить"> </form> </body> </html>Протестируйте, чтобы увидеть ‹/›
Числа в таблице показывают версию первого браузера, который поддерживает этот атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Placeholder определяет краткое напоминание о ожидаемом значении поля ввода (например, образец значения или краткое описание формата).
До ввода значения пользователем краткое напоминание будет отображаться в поле ввода.
Внимание:Атрибут placeholder подходит для следующих типов input: text, search, url, tel, email и password.
Атрибут placeholder является новым атрибутом в HTML5.
<input placeholder="text">
| Значение | Описание |
|---|---|
| text | Указать краткое напоминание о ожидаемом значении поля ввода. |