Bordo che al click cambia colore

[KekkoDance]

Ho un form. Vorrei che quando si clicca su un input per compilare, il bordo cambi colori. Ho provato con css facendo:

form input:active {border: 1px solid #000000}

Ma se poi tolgo il dito dal pulsante del mouse ritorna normale. Infatti, vorrei ci rimanga cambiato. In che modo posso realizzare il mio scopo con javascript? Se poi è possibile farlo anche con html, vi prego ti spostare. Grazie per le eventuali risposte in anticipo.

P.S. Vorrei anche dopo aver cliccato sul form e il bordo cambia colore, si clicca su un'altra parte della pagina, il bordo ritorna al suo colore originale.

[KekkoDance]

up

[KekkoDance]

Edit:
Così si può fare?:

form input:focus, form textarea:focus {border: 1px solid #000000}

[Xinod]

il consiglio e' di risolvere con i css, esiste una pseudoclasse focus che funziona con i browser moderni (IE8 compreso)

input:focus {border: 1px solid #000000}

se e' fondamentale ottenere l' effetto anche su IE>8
qui trovi un esempio
http://articles.sitepoint.com/articl...usable-forms/2

[KekkoDance]

appena tu mi hai risposto, lo avevo già scoperto XD
Comunque grazie