Iteam
GitHub

Placeholder är det bästa stället hjälptexter för textfält i HTML 5

I HTML 5 finns det som vi tidigare har summerat många nya tillägg till HTML-standarden. Ett väldigt bra och smart tillägg är attributet placeholder som ger användaren en liten hjälptext som automatiskt försvinner när användaren ställer markören på inmatningsfältet. Detta har funnits länge i gränssnitten på webbplatser men alltid krävt Javascript. Även ett tag framöver behövs det javascript för att stödja äldre webbläsare men börja redan nu att lägga texten i attributet placeholder på följande sätt:

Ger följande resultat i IE9, Chrome och Safari m.fl.:

Och med följande fix så får du samma resultat med jQuery:

Och med följande fix så får du samma resultat med jQuery:

Läs mer om styling av placeholdern osv här:
http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
Läs mer om styling av placeholdern o.s.v. här:
http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

Christian Landgren
2010-10-08