Atrybut placeholder
Atrybut placeholder ustawia podpowiedź
w polu wprowadzania HTML formularza.
Taka podpowiedź jest potrzebna, aby
wskazać użytkownikowi, co dokładnie
należy wprowadzić w danym polu. Sama podpowiedź będzie
umieszczona w polu wprowadzania, ale, w przeciwieństwie do
atrybutu value,
znika automatycznie przy próbie
wprowadzenia tekstu.
Stosuje się do znaczników input,
textarea.
Zastosowanie stylów CSS do podpowiedzi placeholder
jest możliwe za pomocą pseudoelementu placeholder.
Przykład
Ustawmy podpowiedź placeholder dla pola wprowadzania:
<input type="text" placeholder="wprowadź imię">
:
Przykład . Atrybut value jednocześnie z placeholder
Tutaj ustawmy jednocześnie
podpowiedź placeholder i atrybut value.
Jeśli usuniesz zawartość atrybutu value,
zobaczysz podpowiedź, która jest pod nim ukryta:
<input type="text" placeholder="wprowadź imię" value="Iwan">
:
Zobacz też
-
atrybut
value,
który ustawia wartość domyślną dla pola wprowadzania -
pseudoelement
placeholder,
który ustawia style dla podpowiedzi -
pseudoklasa
placeholder-shown,
który ustawia style dla pola wprowadzania z podpowiedzią
