HTML Password Field Mask

Posted on 2011-02-18
Last Modified: 2012-05-11
Hello Experts,

My graphic designer did something extraordinary that no one  can figure out. If you go to you will see that when you type something in the Password field, it is blank as opposed to bullets or stars.

He claims that the value property is interfering, but I doubt this. I believe this is a CSS-thing.

Any ideas?
Question by:APD_Toronto
  • 2
  • 2
  • 2
  • +1

Accepted Solution

AriMc earned 125 total points
ID: 34930071
When I type text into the password fields I get bullets with both Firefox 3.6.13 and IE 6.


Author Comment

ID: 34930093
I use IE8
LVL 21

Assisted Solution

by:Dale Burrell
Dale Burrell earned 250 total points
ID: 34930120
I'm getting bullets with chrome... sounds like an IE8 specific hack.
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.


Assisted Solution

onemadeye earned 125 total points
ID: 34930125
From my side it shows bullet too on IE8 ... so I'm not sure where the problem is
LVL 21

Assisted Solution

by:Dale Burrell
Dale Burrell earned 250 total points
ID: 34930130
It should be fairly easy to do though, use a javascript event to catch each keypress, store it in a hidden field, and clear the password field.

Why you would want to do it is another matter though? Personally I like to see that I am entering data.

Expert Comment

ID: 34930145
Your graphic designer may be using some CSS frameworks like Blueprint that tries to level the differences between browsers and accidentally change the behaviour with IE 8. I'd pressure the designer to resolve the issue. I also think it is a CSS thing. Unfortunately I don't have IE 8 installed to check it out with that.


Author Closing Comment

ID: 34957410
sorry for tthe delay.  Thank you

this is an IE8 issue, changing the font-family for the password field does the trick.

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
tiled banner 2 13
Can't get cursor to change 3 16
SQL to JSON 14 39
Increase image taller on inner pages 2 18
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question