colorare bordo input form

[mybox]

ciao ragazzi questo è il mio form:

  echo "<form action=\"login.php\" method=\"get\"><p align=\"center\">";
  echo "[b]Nickname:[/b]
<input align=\"center\" name=\"loguid\" size=\"10\" maxlength=\"15\"/>
";

  echo "[b]Password:[/b]
<input align=\"center\" type=\"password\" name=\"logpwd\" size=\"10\" maxlength=\"15\"/>
";
  echo "<input type=\"submit\" value=\"Entra\"></p></form>"; 

mi sapete suggerire come fare per fare in modo che quando si scrive dentro al campo nickname il bordo sia rosso
quando clicchi fuori diventi verde???

stessa cosa poi con il campo password...

grazie a chi mi aiuterà :master:

[br1]

onfocus="this.style.borderColor='red'";
onblur="this.style.borderColor='green'";

ciao

[mybox]

Originariamente inviato da br1
onfocus="this.style.borderColor='red'";
onblur="this.style.borderColor='green'";

ciao

grazie ma in che punto della pagina vanno ???
sono nuovo di javascript ancora

[dyuhs]

sono banali attributi html dell'elemento input:
Nickname:
<input align=\"center ... onfocus=... onblur=.../>

[mybox]

mi sa che sbaglio qualcosa...

echo "<form action=\"login.php\" method=\"get\"><p align=\"center\">";
  echo "[b]Nickname:[/b]
<input align=\"center\" onfocus="this.style.borderColor='red'" 
  onblur="this.style.borderColor='lime'" name=\"loguid\" size=\"10\" maxlength=\"15\"/>
";
  echo "[b]Password:[/b]
<input align=\"center\" onfocus="this.style.borderColor='red'" 
  onblur="this.style.borderColor='lime'" type=\"password\" name=\"logpwd\" size=\"10\" maxlength=\"15\"/>
";
  echo "<input type=\"submit\" value=\"Entra\"></p></form>"; 

[Xinod]

scusa ma se finora hai premesso backslash ai doppi apici che non sono delimitatori della stringa da stampare tramite echo di php

echo "<form action=\"login.php\" method=\"get\"><p align=\"center\">";

come ti viene di non fare lo stesso per questi

onfocus="this.style.borderColor='red'"
onblur="this.style.borderColor='lime'"

?

[mybox]

ovvero??
come verrebbe nel mio codice???

[Xinod]

e dai!

echo "<form action=\"login.php\" method=\"get\"><p align=\"center\">";
echo "Nickname:
<input align=\"center\" onfocus=\"this.style.borderColor='red'\" onblur=\"this.style.borderColor='lime'\" name=\"loguid\" size=\"10\" maxlength=\"15\"/>
";
echo "Password:
<input align=\"center\" onfocus=\"this.style.borderColor='red'\" onblur=\"this.style.borderColor='lime'\" type=\"password\" name=\"logpwd\" size=\"10\" maxlength=\"15\"/>
";
echo "<input type=\"submit\" value=\"Entra\"></p></form>";

[Shadd]

Perché farlo con Javascript, che potrebbe non essere attivato ed è più pesante? Usa i CSS!
Metti questo nel tuo foglio di stile(o modifica le regole se ci sono già per gli input):

input
{
 border color: #00FF00;
}
input:focus
{
 border-color: #FF0000;
}

[Xinod]

thanks for the info, buddy christ

pero' con tutti gli IE, 7 compreso, va comunque ottenuto via javascript