Dzisiejszy temat będzie dotyczył formularzy, a dokładniej etykiety pola formularza o nazwie placeholder. I odpowiem na pytanie zawarte w temacie, czy warto stosować placeholder, czy lepiej coś innego.
Kilka lat temu, placeholder zyskał dużą popularność stosowania w formularzach, które są na stronach internetowych. I do dziś stosuje się placeholder (również ja), ale czas leci do przodu, i już niektóre strony, przestały używać placeholder. Do takich stron zalicza się m.in Onet poczta, Gmail, Empik. Nie ma już, że jak jest pole input aktywne, to już mamy czyste pole. Wspomniane wyżej witryny, zrobiły tak, że gdy aktywne jest pole, to nazwa pola idzie na górę, do póki nie zwolnimy pola.
Dobrze, ale jeżeli nie placeholder, to co innego możemy zastosować? Możemy zastosować zwykłe etykietę label nad polami lub obok pól formularza.
Poniżej napisałem dwa formularze. Jeden z placeholder, drugi z etykietami label. Kolejne zdjęcie pokazuje, co stanie się, gdy pole jest aktywne.
 | |||||
| Grafika 1. formularze |
Jak widać na powyższym formularzu, gdy pole jest aktywne, to jest inny kolor, ale placeholder znika! Gdyby użytkownik mial telefon, i wrócił po czasie, to nie wiedziałby, co ma wprowadzić, i to jest minus stosowania placeholder w formularzach. Natomiast mając etykietę label nad polami, nadal widzimy nazwę pola i nic nie znika, a mamy tylko aktywne pole z innym kolorem. To pokazałem na drugiej grafice.
 | ||
| Grafika 2 formularze |
Nie trzeba pisać, że jest różnica. A to, gdzie label będzie, czy na górze, czy obok pól, to już zależy od użytkownika.
I odpowiadając na pytanie, które jest w temacie. Moim zdaniem placeholder, nie powinien być stosowany, ponieważ, jak już wyżej napisałem, ma ten jeden minus! Znika label! Jednak, można go stosować w formularzach, ale pamiętajmy, że placeholder nie jest tak bardzo widoczny dla wszystkich osób, co może utrudniać czytanie i wypełnianie formularzy.
Najlepiej stosować placeholder, który po aktywacji pola idzie na górę pola formularza, wtedy wiemy i widzimy, co wpisujemy do pola.