Sei capace di adattare il seguente esempio alle tue esigenze?
codice:
XHTML
<form id="elenco" action="...">
<label for="nome">Nome:</label>
<input id="nome" name="nome" />
<label for="cognome">Cognome:</label>
<input id="cognome" name="cognome" />
</p>
<label for="email">E-mail:</label>
<input id="email" name="email" />
</p>
</form>
CSS
.evidenziato
{
background-color:#CCC;
}
Javascript
window.onload = function()
{
var elenco = document.getElementById('elenco')
var voci = elenco.getElementsByTagName('p')
for (var i = 0; i < voci.length; i++)
{
var campi_testo = voci.item(i).getElementsByTagName('input')
for (var j = 0; j < campi_testo.length; j++)
{
campi_testo.item(j).onfocus = function()
{
this.parentNode.className = 'evidenziato'
}
campi_testo.item(j).onblur = function()
{
this.parentNode.className = ''
}
}
}
}