Inputs

[sandrulis]

ievadot šādu kodu:

<input type=text name=username value="Lietotājvārds" onfocus="if (this.value == 'Lietotājvārds') {this.value = '';};" onblur="if(this.value=='')this.value='Lietotājvārds';">

 

Inputa teksts "Lietotājvārds", kad tiek uzklikšķināts, pazūd, un ja nekas nenotiek atkal parādās "Lietotājvārds".

 

Bet kā var izveidot ar paroli, Paroles inputā kad neko neieraksta rādās "Parole", bet kad kko ievada "********", bet ja neko neievada tad atkal atjaunojass un rādās "Parole"?

[briedis]

Vai tas ir vajadzīgs?

Parasti cilvēks pamanot zvaigznītes uzreiz saprot, ka tur būs parole...

 

Nez, var jau provēt taisīt fiktīvu teksta lauku, kad tajā vietā ieklikšķina, tad parādam paroles lauku un fokusu pārslēdzam uz to, paslēpjam fiktīvo lauku.

 

EDIT: dinamiski input laukiem tipu nevar mainīt. Var protams ar visādiem trikiem parastu teksta lauku noformēt kā paroles lauku, bet vai ir tā vērts...

Edited March 20, 2010 by briedis

[nemakuphp]

<input type=text name=password value="Parole" onfocus="if (this.value == 'Parole') {this.value = '', this.type='password';};" onblur="if(this.value=='')this.value='Parole', this.type='text';">

 

EDIT: Mazliet nokļūdījos ;)

Edited March 20, 2010 by nemakuphp

[briedis]

<input type=text name=password value="Parole" onfocus="if (this.value == 'Parole') {this.value = '', this.type='password';};" onblur="if(this.value=='')this.value='Parole', this.type='text';">

 

EDIT: Mazliet nokļūdījos ;)

 

Hmm, stilīgi :) ar jquery nestrādāja: $().attr("type","text");

[rATRIJS]

IMO ne visi pārlūki atbalstīs to tipu maiņu, bet neesmu pilnībā drošs...IE, šķiet, ka to neatbalstīja. Par pārējiem nezinu.

 

Es, tomēr, ieteiktu veidot divus inputus. Vienu ar tipu password, otru ar text. Ja nekas nav ievadīts, tad rādīt to ar tipu text, ja ir kaut kas, tad to ar tipu password. Kā arī ja sāk kaut ko vadīt, tad vispirms pārslēdz, lai paroli neredzētu.

[Kavacky]

Tipu maiņu atbalsta arī IE. Tikai, cik novērots, tad uz to mazliet iebremzē. Tāpēc labāk taisīt 2 laukus un slēpt/rādīt -> onfocus/onblur pārbaudīt, kas tur sarakstīts.

 

Un nepiemirst, lai defaultā ir atvērts ĪSTAIS paroles lauks, ko ar JS paslēpt pie lapas ielādes. Tas tiem, kam nebūs JS.

[briedis]

Varbūt var apsvērt likt to tekstu kā fona attēlu inputam...

[sandrulis]

nemakuphp, Paldies par kodu! :)