Solved

onFocus event in password input field

Posted on 2008-06-13
2
954 Views
Last Modified: 2008-07-03
his code on my login page:

<input type="text" name="id" value="Your Email Address or Account ID" onFocus="if(this.value=='Your Email Address or Account ID')this.value='';">

<input type="text" name="pw" value="Your Password" onFocus="if(this.value=='Your Password')this.value='';">

I need to use input type=text for the password field so that "Your Password" appears as the value. If I change the type to type=password, then by default the text displayed in the input field is *********************

Is there some way to display "Your Password" in the password field, but when the user starts typing his password, it appears as ********** ?

0
Comment
Question by:cbradstreet
2 Comments
 
LVL 7

Expert Comment

by:ruscomp
ID: 21781358
Try this:
<input type="text" name="pw" value="Your Password" onFocus="if(this.value=='Your Password'){this.value='';this.type='password';}">

Open in new window

0
 
LVL 42

Accepted Solution

by:
David S. earned 125 total points
ID: 21783130
0

Featured Post

Enterprise Mobility and BYOD For Dummies

Like “For Dummies” books, you can read this in whatever order you choose and learn about mobility and BYOD; and how to put a competitive mobile infrastructure in place. Developed for SMBs and large enterprises alike, you will find helpful use cases, planning, and implementation.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jqury 17 30
Simple Total function not working 8 32
Most efficient JavaScript way to verify if variable matches any value in the list? 6 22
JS does not refresh 6 20
Avoid defining the variables in the global scope; trying to define them in a local function scope. Because:   • Look-up is performed every time a variable is accessed.   • Variables are resolved backwards from most specific to least specific scope…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

809 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