Friday, 2 March 2012

Changing input background color

<html>
<head>
<script type="text/javascript">
function changeColor(color)
{
document.getElementById('x').style.background=color;
}
</script>
</head>
<body>
<table width="60%"><tr>
<td bgcolor="green" onmouseover="changeColor('green')"> </td>
<td bgcolor="red" onmouseover="changeColor('red')"> </td>
</tr></table>
<form>
<input id="x" type="text" value="Mouse over the colors" size="20">
</form>
</body>
</html>

No comments:

Post a Comment