ayuda con onfocus en formulario.

[email protected] · #1 (**permalink**) 27/01/2009, 08:23

Hola a todos, necesito su ayuda en el siguiente formulario.
* Que cuando carge, aparezca con el foco en input text usuarios.
* Que al ingresar datos de usuario, mediante un enter o un tab el foco pase al input text password.
Espero darme a entender, desde ya se agradece su colaboración.

Código PHP:

  <form id="form1" name="form1" method="post" action="xx.php">

  <table width=50% border=1 cellspacing=0 cellpadding=2 align=center>

  <tr>

    <td width=30% align=right>Usuario&nbsp;</td>

    <td width=70%>

      <input name="usuario" type="text" id="usuario" size=30 maxlength=30 />

    </td>

  </tr>

  <tr>

    <td width=30% align=right>Password&nbsp;</td>

    <td width=70%>

      <input name="password" type="text" id="password" size=30 maxlength=30 />

    </td>

  </tr>

  <tr>

    <td colspan=2 align=center>

      <input name="envia" type="submit" value="Enviar" />

    </td>

    </tr>

</table>

 
</form>

ElJavista · #2 (**permalink**) 27/01/2009, 10:01

Ok, solo tienes que usar un poco de Javascript, para lo primero debes colocar el siguiente código en la etiqueta body:

onload="document.form1.usuario.focus()"

Para lo segundo debes colocar el siguiente código en el input text "usuario"

onkeyup="if (event.keyCode == 13) document.form1.password.focus()"

Además te recomiendo un par de cosas, ya que aparentemente quieres programar en XHTML tienes que encerrar entre comillas todos los atributos de las etiquetas como por ejemplo size y maxlength. Otra cosa, debes cambiarle el type al input text password, lo tienes como text cuando debería ser password.

Bueno, espero que te sirva.

[email protected] · #3 (**permalink**) 27/01/2009, 10:23

ElJavista
Se te agradece por tu pronta respuesta.
En lo que refiere a:

onload="document.form1.usuario.focus()", funciono perfectamente, era lo que deseaba.

pero; en lo que refiere a:
ir desde usuario a password con un enter en el input text de usuario.
onkeyup="if (event.keyCode == 13) document.form1.password.focus()"
No funciono se cae programa, al parecer ejecuta el action del formulario.

Se te agradece tu recomendacion lo tendre presente para otros desarrollo.

Sabes, por que se produce el problema.
Se te agradece.

ElJavista · #4 (**permalink**) 27/01/2009, 12:25

Eso ocurre también en Internet Explorer?