Program:
<!DOCTYPE html>
<html>
<head>
<script type='text/JavaScript'>
function highlight(ele)
{
ele.style.color = 'white';
ele.style.backgroundColor = 'green';
}
</script>
</head>
<body>
<form name="first">
<fieldset>
<legend> Login Details </legend>
Username: <input type="text" name="user" onchange="highlight(this)" />
<br/><br/>
Password: <input type="password" name="pass" onchange="highlight(this)" /> <br/><br/>
<input type="submit" />
</fieldset>
</form>
</body>
</html>
Output:
<!DOCTYPE html>
<html>
<head>
<script type='text/JavaScript'>
function highlight(ele)
{
ele.style.color = 'white';
ele.style.backgroundColor = 'green';
}
</script>
</head>
<body>
<form name="first">
<fieldset>
<legend> Login Details </legend>
Username: <input type="text" name="user" onchange="highlight(this)" />
<br/><br/>
Password: <input type="password" name="pass" onchange="highlight(this)" /> <br/><br/>
<input type="submit" />
</fieldset>
</form>
</body>
</html>
Output:
