Para conseguir el resultado que se explica en esta página, en su lugar recomiendo utilizar el atributo autofocus (introducido en HTML 5) en el primer control del formulario, como se explica en la lección Formularios de los apuntes de HTML y CSS.
Para conseguir el resultado que se explica en esta página, en su lugar recomiendo utilizar el atributo autofocus (introducido en HTML 5) en el primer control del formulario, como se explica en la lección Formularios de los apuntes de HTML y CSS.
Una forma de facilitar el uso de una página con controles es situar automáticamente el cursor en el control que probablemente va a utilizar el usuario, ahorrando al usuario el tener que hacer clic en ese control. Esto se puede conseguir mediante Javascript.
Una manera de hacerlo es asignar el atributo id del control sobre el que se quiere situar el cursor automáticamente y establecer el atributo onload del elemento body con el valor document.getElementById('XYZ').focus(), donde XYZ es el id del control, como muestra el ejemplo siguiente:
<body onload="document.getElementById('cursor').focus()">
<form action="validar1.php">
<p>Al cargar esta página, el cursor sitúa automáticamente en la primera caja de texto:</p>
<table>
<tbody>
<tr>
<td>Usuario:</td>
<td><input type="text" name="usuario" id="cursor"></td>
</tr>
<tr>
<td>Contraseña:</td>
<td><input type="password" name="password"></td>
</tr>
</tbody>
</table>
<p><input type="submit" value="Entrar"></p>
</form>
</body>
Al cargar esta página, el cursor se sitúa automáticamente en la primera caja de texto:
| Usuario: | |
| Contraseña: |