Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
64 of 133 menu

Атрыбут placeholder

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

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

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

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

Прыклад

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

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

:

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

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

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

:

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

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