Forum PHP.pl

witam mam pytanie jak zrobic przy kliknięciu na input type="text" lub type="password" znikał text. przy php jest to tak:

[PHP] pobierz, plaintext 
<input name=" " value="Wpisz szukane słowo" onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') this.value=''" onblur="if(this.value == '') {this.value=this.defaultValue}" onkeyup="keyUp();" type="text">
[PHP] pobierz, plaintext 

ale jak to zrobic przy wykorzystaniu smart. szukałem na google ale niestety nie znalazłem. z góry dzięki za pomoc

a jak takie coś zeobic przy type="password" żeby pokazało zamiast "*****" to "hasło"

Zgadzam się z tym, ALE niestety według tej strony: http://caniuse.com/input-placeholder obsłuży to dopiero IE10+, z innymi przeglądarkami też nie jest zbyt różowo. Nie będę komentował postępowania MS, to nie miejsce na to. Jeśli ma to działać w starszych przeglądarkach, to niestety chyba pozostaje tylko JS.

Żeby zrobić JS taki 'zastępowalny' tekst, musisz zrobić dwa inputy - jeden normalny, z tekstem - widoczny. Drugi - prawdziwe okno z hasłem - musi być ukryte.

[PHP] pobierz, plaintext 
<input type='text' id='falszywe_haslo' value='Wpisz tu hasło' style='display:block;' />
<input type='password' id='haslo' name='haslo' style='display:none;' />
[PHP] pobierz, plaintext 

Potem w momencie naciśnięcia na fałszywe hasło, chowasz pole 'falszywe_haslo', a pokazujesz 'haslo' i aktywujesz je:

[PHP] pobierz, plaintext 
    document.getElementById('falszywe_haslo').onfocus = function() {
        document.getElementById('falszywe_haslo').style.display = 'none';
        document.getElementById('haslo').style.display = 'block';
        document.getElementById('haslo').focus();
    }
[PHP] pobierz, plaintext