Ниже приведен сценарий, который очищает текстовые поля Имя пользователя и текстовые поля Пароль при нажатии на них. Я хочу, чтобы пользователь начал заполнять поле пароля с пустым полем имени пользователя, поле имени пользователя должно быть заполнено значением по умолчанию, и то же самое касается поля пароля. Хотя текстовое поле очищается при щелчке, оно не заполняется значениями, если пользователь переходит к заполнению следующего поля, оставляя другое поле пустым в этот момент. В чем проблема ?
<script type="text/javascript">
function emptyTextField() {
document.getElementById("username").value="";
if( document.getElementById("password").value =="" ) {
document.getElementById("password").value == "password";
}
}
function emptyPasswordField() {
document.getElementById("password").value="";
if( document.getElementById("username").value == "" ) {
document.getElementById("username").value == "Username or Email";
}
}
HTML code :
<ul> <form method="post" action="#">
<li> <input type="text" id="username" value="Username or Email" size="25" name="UserID" onfocus="emptyTextField()" /> </li>
<li> <input type="password" id="password" value="password" size="25" name="UserPassword" onfocus="emptyPasswordField()" />
<center><input type="submit" value="sign-in" style="font-size:20px" /> </center>
</li>
</form>
</ul>