Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] Jak w polu textowym umieścic defaultowy text?
LubieWino
post 1.11.2008, 18:01:38
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 15.10.2006

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


Chodz konkretnie o to, że robie pole 'login' i 'haslo' i chciałbym aby text 'login' znajdował się defaultowo w środku okienka (po prostu dla informacji że w tym polu należy wpisać login) , a jeśli użytkownik kliknie aby wypełnić pole - wówczas ten text znika i użytkownik wpisuje właściwy login.
Analogicznie ma się zachowywać pole 'haslo'.
Jak można umieścic taki text w środku okienka?
z góry dzięki za odp.

Ten post edytował LubieWino 1.11.2008, 18:04:08
Go to the top of the page
+Quote Post
Maxik
post 1.11.2008, 18:11:20
Post #2





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

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


Kod
onfocus="if(this.value=='Login') this.value=''" onblur="if(this.value=='') this.value='Login'"


dodaj to do inputa, do hasłą jest input type="password", będą w nim gwiadki więc raczej nie przyda Ci się przy drugim polu.


--------------------
Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/
Go to the top of the page
+Quote Post
LubieWino
post 1.11.2008, 18:25:42
Post #3





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 15.10.2006

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


hmm.. no tak, ale jeśli nie moge tego zastosować do pola z hasłem, to całość mija się z celem. Nie mozna tego jakoś obejść aby mimo wszystko też to działało przy haśle?

Ten post edytował LubieWino 1.11.2008, 18:26:30
Go to the top of the page
+Quote Post
Maxik
post 1.11.2008, 19:45:18
Post #4





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

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


W okienku z hasłem zawsze będą gwiazdki lub kropki. Możesz użyć obrazka z kluczykiem, kłódką lub z napisem "Hasło" jako tło inputa.


--------------------
Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/
Go to the top of the page
+Quote Post
phpion
post 1.11.2008, 20:29:19
Post #5





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Cytat(Maxik @ 1.11.2008, 21:45:18 ) *
W okienku z hasłem zawsze będą gwiazdki lub kropki. Możesz użyć obrazka z kluczykiem, kłódką lub z napisem "Hasło" jako tło inputa.

...albo rozbudować Twój przykład o dynamiczną zmianę typu pola:
  1. <input type="text" value="Haslo" onfocus="if(this.value=='Haslo') { this.value=''; this.type='password'; }" onblur="if(this.value=='') { this.value='Haslo'; this.type='text'; }" />
Go to the top of the page
+Quote Post
LubieWino
post 1.11.2008, 23:56:44
Post #6





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 15.10.2006

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


Prawie działa..
jak wklejam inputa dla hasła... wówczas gdy klikam na pole z hasłem - literki nie zamieniają się w gwiazki, po prostu zwykły text...
Natomist jak wklejam do inputa to co podal Maxik - jest prawie ok, z tym, że jeśli ładuje stronke pierwszy raz - wtedy pole jest puste, dopiero jak klikne na pole i zejde z niego, to pojawia sie napis login.
Co z tym mozna zrobic :/?

Ten post edytował LubieWino 2.11.2008, 00:07:11
Go to the top of the page
+Quote Post
hiszpanespaniol
post 2.11.2008, 03:52:17
Post #7





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


nie testowałem, ale na zdrowy rozsądek:
jak widać, js Maxik'a ustawia wartość dla atrybutu "value" i uruchamia się przy zdarzeniu focus dopiero. dopisz value="Login" do kodu html dla pola input.


--------------------
Go to the top of the page
+Quote Post
LubieWino
post 2.11.2008, 21:36:40
Post #8





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 15.10.2006

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


z Loginem jest wporządku wszystko... z hasłem prawie prawie... nie działa typ 'password', gdy wpisuje literki po prostu nie zamieniają się na gwiazdki :/
Go to the top of the page
+Quote Post
nexis
post 2.11.2008, 22:02:10
Post #9





Grupa: Zarejestrowani
Postów: 1 012
Pomógł: 109
Dołączył: 26.09.2003
Skąd: nexis.pl

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


Rodzaj pola nie można dynamicznie zmieniać (np. z text na password i vice versa).


--------------------
Zend Certified Engineer

Kliknij POMÓGŁ jeśli moja odpowiedź okazała się użyteczna!
Go to the top of the page
+Quote Post
phpion
post 2.11.2008, 22:03:16
Post #10





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Cytat(nexis @ 3.11.2008, 00:02:10 ) *
Rodzaj pola nie można dynamicznie zmieniać (np. z text na password i vice versa).

Bo? Swój kod testowałem pod Operą i działał bez problemu. Na innych przeglądarkach nie sprawdzałem.
Go to the top of the page
+Quote Post
hiszpanespaniol
post 2.11.2008, 22:47:57
Post #11





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


Racja. Generalnie jest taka zasada, ze podstawowa funkcjonalność strony musi być dostępna dla wszystkich, a więc i dla tych bez js.
Przykładowo (przykładowo! ) ktoś się łączy z komórki i ma wyłączone js, żeby nie obciążać transferu - nie zaloguje się taka osoba. Trzeba zrezygnować ze zmiany typu pola. Może daj po prostu value domyślne tak jak w przpadku loginu? za pomoca js zresetujesz je tylko. Albo lepiej: ustaw tło dla tego pola (np obrazek z napisem hasło jak juz tutaj Maxik radził)

ten sposób działa:
  1. <input type="password" onfocus="if(this.value == '****'){ this.value=''; }" value="****" name="password"/>


Ten post edytował hiszpanespaniol 2.11.2008, 22:51:23


--------------------
Go to the top of the page
+Quote Post
LubieWino
post 3.11.2008, 00:45:20
Post #12





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 15.10.2006

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


obrazek z napisem hasło? ale gdy ktoś kliknie w to pole to wówczas co? da rade zmienić to tło na puste czy jak? po prostu chce uzyskać taki sam efekt jak przy Loginie
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: 10.07.2025 - 05:33