Атрыбут placeholder

Атрыбут placeholder задае падказку ў полі ўводу HTML формы.

Такая падказка патрэбна для таго, каб паказаць карыстачу, што менавіта варта ўводзіць ў дадзенае поле. Сама падказка будзе размешчана ў полі ўводу, але, у адрозненне ад атрыбута value, будзе знікаць аўтаматычна пры спробе ўвесці тэкст.

Ужываецца да тэгаў input, textarea.

Прымяніць CSS стылі да падказкі placeholder вы можаце з дапамогай псеўдаэлемента placeholder.

Прыклад

Давайце полю ўводу ўсталюем падказку placeholder:

html<input type="text" placeholder="увядзіце імя">

Результат:

Прыклад . Атрыбут value адначасова з placeholder

А тут давайце полю ўводу ўсталюем адначасова падказку placeholder і атрыбут value. Калі вы выдаліце змесціва атрыбута value, то ўбачыце падказку, якая хаваецца пад ім:

html<input type="text" placeholder="увядзіце імя" value="Іван">

Результат:

Глядзіце таксама

  • атрыбут value,
    які задае значэнне па змаўчанні для поля ўводу
  • псеўдаэлемент placeholder,
    які задае задае стылі для падказкі
  • псеўдаклас placeholder-shown,
    які задае задае стылі полю ўводу з падказкай