CSS Focus/JavaScript onFocus

Hej har stött på ett rejält jobbigt problem och har ingen aning om hur det ska lösas. Det är så att på på min hemsida har jag ett formulär där man fyller i sina uppgifter, helt normalt. Hela detta formulär ligger i en div. Jämte denna har jag en annan div där jag placerat tre st <p> taggar med Name, Mail and Subject För att förklara vad som ska skrivas var i formuläret.

Vad jag vill är att när man har focus på en input ska motsvarande <p> tagg bli bold. Ni förstår vad jag menar?

Jag har inte världens koll på JavaScript men det borde väl gå att göra något följande:

Vi har ett id till varje <p> för att skilja på dem. (#1, #2 och #3). I html-koden för varje input skriver man det här:

onFocus = "GetElementById(1).style.font-weight='bold'". Men detta funkar inte, varför??

Jag har även provat css adjacent sibling slector men detta funkade inte då <p> och <input> inte har samma parent. Hur ska jag lösa detta?

Väldigt tacksam för hjälp