Buduję stronę rejestracyjną. Chcę to zrobić tak, jak: Widzisz tekst "John Smith (opcjonalny)" w polu, a kiedy zaczniesz wpisywać tekst znika. Jak to robisz w javascript? (Nie obwiniaj mnie za nie próbuję niczego, jestem JS Noobem)

Opcjonalnie: Zauważ, że sugestia jest w kolorze szarym, ale wpisanie tekstu staje się czarne. Chciałbym też to efekt.

1
Giulio Muscarello 26 wrzesień 2012, 22:40

2 odpowiedzi

Najlepsza odpowiedź

Demo placeholder.

<input type="text" name="email" placeholder="E-mail" />

Jeśli chcesz, możesz również stylować swój symbol zastępczy za pomocą CSS

2
Marcel 26 wrzesień 2012, 19:02

Oprócz rzeczy HTML5 placeholder i wszystkich dodatkowych sposobów na wdrożenie tego, mój ulubiony sposób robienia tego dzięki JavaScript (Pre-HTML5) był następujący wpis na blogu:

http://kyleschaeffer.com/best-practices/input-prompt-text/

To, co tak dobre jest użycie istniejącego atrybutu {x0}}, co jest również miłym, aby mieć funkcję czytników ekranu (tylko teksty, tekst Tekst do mowy, niedowidzącej zgodność ADA itp.), Jeśli Nie używasz etykiet z wyraźnym dopasowaniem atrybutu {x1}} i {x1}}.

Jednak HTML5 i modernizer całkowicie wyprzedzili potrzebę tej funkcji, moim zdaniem.

2
Patrick M 26 wrzesień 2012, 19:04