Atrybut placeholder służy do wyświetlenia krótkiej podpowiedzi wewnątrz kontrolki formularza (najczęściej <input> lub <textarea>). Jest to tekst pomocniczy, który ma ułatwić użytkownikowi zrozumienie, co należy wpisać (np. format danych, przykład). Charakterystyczną cechą jest to, że placeholder nie jest wartością pola i znika w momencie rozpoczęcia wpisywania.
Pozostałe atrybuty nie spełniają tej funkcji:
- title – zapewnia dodatkowy opis widoczny zwykle jako dymek (tooltip) po najechaniu kursorem lub przy dłuższym przytrzymaniu na urządzeniu dotykowym. Nie jest to tekst stale umieszczony "w środku" pola i nie znika "po rozpoczęciu wpisywania", bo z założenia pojawia się w inny sposób.
- value – ustawia początkową (domyślną) wartość kontrolki. Jeśli w polu ustawisz value, użytkownik widzi realną wartość danych, a nie podpowiedź. Co ważne, taka wartość może zostać wysłana w formularzu, jeśli użytkownik jej nie zmieni, więc to inny mechanizm niż placeholder.
- for – dotyczy przede wszystkim elementu <label> i wskazuje, z jaką kontrolką (po jej identyfikatorze) etykieta jest powiązana. To poprawia dostępność i wygodę (kliknięcie etykiety aktywuje pole), ale nie definiuje tekstu podpowiedzi w samym polu.
W praktyce na egzaminie warto zapamiętać prostą regułę: placeholder = "tekst w polu jako wskazówka", value = "rzeczywista wartość pola", title = "dymek z opisem", for = "powiązanie etykiety z polem".
