Question
Clear username and Password boxes
I have a username and password box that I want to clear
onFocus or onClick... I have that set. Here is my question. How do
I do it if they click off of it and have not entered a username and
password to have the box use the default value.
<script type="text/javascript">
function clearUsernameFunction(ff, ffvalue) {
if (ffvalue == "username") {
ff.value = "";
}
}
function clearPasswordFunction(ff, ffvalue) {
if (ffvalue == "password") {
ff.value = "";
}
}
</script>
<TD>
<CFINPUT TYPE="text"
NAME="LoginID"
REQUIRED="Yes"
MAXLENGTH="10"
class="loginTextBoxBold"
value="username"
size="12px"
onClick="clearUsernameFunction(this, this.value)"
onFocus="clearUsernameFunction(this, this.value)"> </TD>
</TR>
<TR>
<TD ALIGN="right">
<span class="loginTextBold">Password: </span> </TD>
<TD>
<CFINPUT TYPE="password"
NAME="LoginPassword"
MESSAGE="Password is required!"
REQUIRED="Yes"
MAXLENGTH="10"
class="loginTextBoxBold"
value="password"
size="12px"
onClick="clearPasswordFunction(this, this.value)"
onFocus="clearPasswordFunction(this, this.value)"> </TD>
</TR>
<script type="text/javascript">
function clearUsernameFunction(ff, ffvalue) {
if (ffvalue == "username") {
ff.value = "";
}
}
function clearPasswordFunction(ff, ffvalue) {
if (ffvalue == "password") {
ff.value = "";
}
}
</script>
<TD>
<CFINPUT TYPE="text"
NAME="LoginID"
REQUIRED="Yes"
MAXLENGTH="10"
class="loginTextBoxBold"
value="username"
size="12px"
onClick="clearUsernameFunction(this, this.value)"
onFocus="clearUsernameFunction(this, this.value)"> </TD>
</TR>
<TR>
<TD ALIGN="right">
<span class="loginTextBold">Password: </span> </TD>
<TD>
<CFINPUT TYPE="password"
NAME="LoginPassword"
MESSAGE="Password is required!"
REQUIRED="Yes"
MAXLENGTH="10"
class="loginTextBoxBold"
value="password"
size="12px"
onClick="clearPasswordFunction(this, this.value)"
onFocus="clearPasswordFunction(this, this.value)"> </TD>
</TR>
