Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Znikająca wartość w logowaniu
kurczak610
post 19.04.2014, 18:41:44
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 2
Dołączył: 3.05.2009

Ostrzeżenie: (0%)
-----


Witam,
chciałbym aby w polach tekstowych logowania było napisane Nazwa użytkownika oraz Hasło.
Po kliknięciu w takie pole ta wartość by znikała i jeśli nic nie wpiszemy i klikniemy w inne miejsce na stronie powracała, a jeśli coś wpiszemy to zostawała wpisana przez nas wartość.
Znalazłem na internecie taki skrypt i działa on, ale tylko w typie tekstowym inputa, a w typie hasłowania są kropki.

Jako że nie umiem jeszcze JavaScript spróbowałem coś napisać i nawet mi wyszło, ale mam 1 problemik.
Przy włączeniu strony pole jest zakropkowane, gdy w nie kliknie i nic nie wpiszę i kliknę w inne miejsce pojawia się napis Hasło, gdy wprowadzę jakąś wartość i kliknę w inne miejsce to pole jest zakropkowane.

Co zmienić w poniższym kodzie, aby po włączeniu strony to zakropkowane pole było polem tekstowym. (Mam nadzieje że dobrze to wytłumaczyłem biggrin.gif )

  1. <script type="text/javascript">
  2. function onInputBlurType(input) {
  3. if(input.type == 'password' && input.value == 'Hasło' || input.value == '') {
  4. input.type = 'text';
  5. } else {
  6. input.type = 'password';
  7. }
  8. }
  9. function onInputFocusType(input) {
  10. if(input.type == 'text' || input.type == 'password')
  11. input.type = 'password';
  12. }
  13. function onInputBlur(input) {
  14. if(input.value == '')
  15. input.value = input.defaultValue;
  16. }
  17.  
  18. function onInputFocus(input) {
  19. if(input.value == '' || input.value == input.defaultValue)
  20. input.value = '';
  21. }


  1. <input type="text" name="username" onblur="onInputBlur(this);" onfocus="onInputFocus(this);" value="Nazwa użytkownika" />
  2. <input type="password" name="imie" onblur="onInputBlurType(this);onInputBlur(this);" onfocus="onInputFocusType(this);onInputFocus(this);" value="Hasło" />
  3. <input type="submit" value="Zaloguj" />
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Turson
post 19.04.2014, 18:53:48
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Jest o wiele prostsze rozwiązanie - placeholder HTML5
Go to the top of the page
+Quote Post
kurczak610
post 19.04.2014, 19:11:31
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 2
Dołączył: 3.05.2009

Ostrzeżenie: (0%)
-----


Dzięki Turson, to jest nawet lepsze rozwiązanie smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 11:42