Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
Iron Speed
 
Go Back   Dev Articles Community Forums > Web Design > Web Development
Reload this Page

CSS password input field.

Discuss CSS password input field. in the Web Development forum on Dev Articles.
CSS password input field. Web Development forum for discussing issues related to design and general web site layout. Find help for designing your web site to attract returning users.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
  #1  
Old August 14th, 2003, 04:51 PM
moojjoo moojjoo is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: NC
Posts: 32 moojjoo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to moojjoo Send a message via MSN to moojjoo
CSS password input field.
I am trying to find out how to change my password input field from dots to vertical lines. I have seen this done before, but never looked at the code. I was wondering if any gurus that read these forums knows the answer.
__________________
Moojjoo
Reply With Quote
  #2  
Old August 15th, 2003, 01:00 AM
laidbak laidbak is offline
you know how we do
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jun 2002
Location: In Tha IE -- San Bernardino COUNTY
Posts: 788 laidbak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 4 m 2 sec
Reputation Power: 6
Send a message via ICQ to laidbak Send a message via AIM to laidbak Send a message via MSN to laidbak Send a message via Yahoo to laidbak
<input type="password" name="passwd" id="passwd" value="test" size="30" maxlength="12" style="font-family: courier, sans-serif;">
__________________
__________________________________________________ _
Wil Moore III, MCP | Integrations Specialist | Senior Consultant
Are You Listed...? | DigitallySmooth Inc.
Reply With Quote
  #3  
Old August 15th, 2003, 07:21 AM
moojjoo moojjoo is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: NC
Posts: 32 moojjoo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to moojjoo Send a message via MSN to moojjoo
That did not do it????
That was not the solution...
Reply With Quote
  #4  
Old August 15th, 2003, 09:14 AM
dhouston's Avatar
dhouston dhouston is offline
Contributing User
Dev Articles Beginner (1000 - 1499 posts)
  
Join Date: May 2003
Location: Tennessee
Posts: 1,355 dhouston User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 7
Send a message via ICQ to dhouston
Short of writing some sort of javascript to apply to a regular text field that converts characters onkeypress to whatever character you wish to use (while setting a hidden field to the actual password), I know of know way to accomplish this. I can find no css or html attributes that would govern the masking characters.
Reply With Quote
  #5  
Old August 15th, 2003, 10:07 AM
moojjoo moojjoo is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: NC
Posts: 32 moojjoo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to moojjoo Send a message via MSN to moojjoo
Thanks
I will be sure to share with the group the answer once I find it. This is a mission impossible task that I will accomplish.
Reply With Quote
  #6  
Old August 15th, 2003, 10:17 AM
FrankieShakes FrankieShakes is offline
Frank The Tank!
Dev Articles Beginner (1000 - 1499 posts)
  
Join Date: Jun 2002
Location: Toronto, Canada
Posts: 1,246 FrankieShakes User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 7
Send a message via ICQ to FrankieShakes Send a message via MSN to FrankieShakes
As far as I knew, this was based on the browser/OS you were using... And this isn't something that can be changed via CSS.

I may be wrong, but I'm pretty sure I'm right!
__________________
____________________________________________
Developer Shed Weekly Writer | DevArticles Forum Moderator
Build Your Own KlipFolio Klip With PHP
FrankManno.com - Under Construction
Design Interactive Group - Under Construction
Reply With Quote
  #7  
Old August 15th, 2003, 12:21 PM
laidbak laidbak is offline
you know how we do
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jun 2002
Location: In Tha IE -- San Bernardino COUNTY
Posts: 788 laidbak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 4 m 2 sec
Reputation Power: 6
Send a message via ICQ to laidbak Send a message via AIM to laidbak Send a message via MSN to laidbak Send a message via Yahoo to laidbak
Re: That did not do it????
Quote:
Originally posted by moojjoo
That was not the solution...
Are you sure? can you post your html code please...
Also, take into consideration the solution will NOT work in netscape. Not sure about mozilla, but definately not netscape.
Reply With Quote
  #8  
Old August 15th, 2003, 12:48 PM
moojjoo moojjoo is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: NC
Posts: 32 moojjoo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to moojjoo Send a message via MSN to moojjoo
Nope did not work
<input style="font-size:12px;width:85px;font-family:Lucida Console" type="password" name="password">


Thats the closest I have gotten. I am just really curious what the answer is...
Reply With Quote
  #9  
Old August 15th, 2003, 01:10 PM
laidbak laidbak is offline
you know how we do
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jun 2002
Location: In Tha IE -- San Bernardino COUNTY
Posts: 788 laidbak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 4 m 2 sec
Reputation Power: 6
Send a message via ICQ to laidbak Send a message via AIM to laidbak Send a message via MSN to laidbak Send a message via Yahoo to laidbak
In your style attribute add:
PHP Code:
 font-family: courier, sans-serif; 
Reply With Quote
  #10  
Old August 15th, 2003, 01:17 PM
moojjoo moojjoo is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: NC
Posts: 32 moojjoo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to moojjoo Send a message via MSN to moojjoo
Post a Web Address
Post a Web address of your password field box.
Reply With Quote
  #11  
Old August 15th, 2003, 03:17 PM
laidbak laidbak is offline
you know how we do
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jun 2002
Location: In Tha IE -- San Bernardino COUNTY
Posts: 788 laidbak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 4 m 2 sec
Reputation Power: 6
Send a message via ICQ to laidbak Send a message via AIM to laidbak Send a message via MSN to laidbak Send a message via Yahoo to laidbak
I took a closer look and it looks like this unfortunately only works in XP: http://laidbak.net/samplecss/fancypass
Reply With Quote
  #12  
Old August 15th, 2003, 03:28 PM
wastedbreath wastedbreath is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Location: BC, Canada
Posts: 35 wastedbreath User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to wastedbreath
Not in my XP :P ..your probably need explorer running..because I use Geoshell
Reply With Quote
  #13  
Old August 15th, 2003, 04:15 PM
laidbak laidbak is offline
you know how we do
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jun 2002
Location: In Tha IE -- San Bernardino COUNTY
Posts: 788 laidbak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 4 m 2 sec
Reputation Power: 6
Send a message via ICQ to laidbak Send a message via AIM to laidbak Send a message via MSN to laidbak Send a message via Yahoo to laidbak
Sounds about right.
Reply With Quote
  #14  
Old August 18th, 2003, 05:03 PM
moojjoo moojjoo is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: NC
Posts: 32 moojjoo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to moojjoo Send a message via MSN to moojjoo
font-family: courier, sans-serif;
font-family: courier, sans-serif;

You know when I am at home it works and at work it shows up as dots???

Beats me I am using XP Pro at both work and home???
Reply With Quote
  #15  
Old August 19th, 2003, 07:52 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
  
Join Date: Aug 2002
Location: Sydney, AU
Posts: 2,058 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 6 m 11 sec
Reputation Power: 8
Send a message via ICQ to stumpy Send a message via MSN to stumpy
I'd use a Javascript function which replaces the '*' as they are typed.

Check out the onKeyPress event handler.
Reply With Quote
  #16  
Old August 20th, 2003, 12:13 AM
laidbak laidbak is offline
you know how we do
Dev Articles Novice (500 - 999 posts)
  
Join Date: Jun 2002
Location: In Tha IE -- San Bernardino COUNTY
Posts: 788 laidbak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 4 m 2 sec
Reputation Power: 6
Send a message via ICQ to laidbak Send a message via AIM to laidbak Send a message via MSN to laidbak Send a message via Yahoo to laidbak
Quote:
Originally posted by stumpy
I'd use a Javascript function which replaces the '*' as they are typed.

Check out the onKeyPress event handler.
Sounds like a good start, however, how would you handle validation? I suppose you could have the real characters fill a hidden variable and then validate off that...
Reply With Quote
  #17