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:
<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:
<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