Atributul placeholder

Atributul placeholder stabilește o sugestie în câmpul de introducere al formularului HTML.

O astfel de sugestie este necesară pentru a indica utilizatorului ce anume ar trebui introdus în acest câmp. Sugestia în sine va fi plasată în câmpul de introducere, dar, spre deosebire de atributul value, va dispărea automat la încercarea de a introduce text.

Se aplică tag-urilor input, textarea.

Puteți aplica stiluri CSS sugestiei placeholder folosind pseudo-elementul placeholder.

Exemplu

Să setăm o sugestie placeholder pentru câmpul de introducere:

html<input type="text" placeholder="introduceți numele">

Результат:

Exemplu . Atributul value simultan cu placeholder

Iar aici să setăm simultan pentru câmpul de introducere sugestia placeholder și atributul value. Dacă ștergeți conținutul atributului value, veți vedea sugestia care se ascunde sub el:

html<input type="text" placeholder="introduceți numele" value="Ivan">

Результат:

Vedeți și

  • atributul value,
    care stabilește valoarea implicită pentru câmpul de introducere
  • pseudo-elementul placeholder,
    care stabilește stiluri pentru sugestie
  • pseudo-clasa placeholder-shown,
    care stabilește stiluri pentru câmpul de introducere cu sugestie